highcharts - 系列标记在线禁用并在 Highchart 中启用图例

标签 highcharts

我在 Highchart 中有一个超过 10 个系列的折线图。当图表在启用系列标记的情况下绘制超过 2 个月的数据时,图表看起来很拥挤并且没有意义,所以我禁用了系列标记。禁用系列标记后,图例中的标记也会消失。我想要的是仅在系列中禁用标记并在图例中启用标记。我怎样才能做到这一点?有人可以帮我吗?

谢谢,
洛基。

最佳答案

您有两个选择:

  • 为整个系列启用标记,但为每个点禁用
  • 使用两个系列,一个用于数据,一个用于图例,并通过 ID
  • 将它们链接在一起

    例子:
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container'
        },
        plotOptions: {
            series: { 
                marker: {
                    enabled: false
                }
            }
        },
        series: [{
            data: [],
            name: 'test',
            id: 'id-1',
            color: 'red',
            marker: {
                enabled: true
            }
        }, {
            linkedTo: 'id-1',
            color: 'red',
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0]        
        }]
    });
    

    关于highcharts - 系列标记在线禁用并在 Highchart 中启用图例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18889593/

    相关文章:

    javascript - Highcharts 气泡无法加载

    javascript - 如何在 Highcharts 的 <g> 元素中添加 <path> 元素

    javascript - 加载自定义 json 文件 - highcharts.js

    highcharts - Grafana 中超过 2 个 Y 轴

    javascript - 使用分布曲线创建直方图,其中曲线系列大于 bin 系列

    javascript - 覆盖 Highcharts X 轴

    javascript - 如何在左侧添加一个 div,并且仅在单击鼠标时显示?

    json 日期格式转换为 Highcharts 日期格式

    javascript - 如何在条形图中强制显示 yAxis 上的每个标签

    Highcharts 在顶部显示x轴