Highcharts 图例索引在图例点击时显示 -1

Posted

技术标签:

【中文标题】Highcharts 图例索引在图例点击时显示 -1【英文标题】:Highcharts legend index showing -1 on legend click 【发布时间】:2019-07-30 18:09:02 【问题描述】:

在这个 jsFiddle 中,当除系列 1 之外的所有系列都被取消选择时,它显示为“-1”。这是高图表中的错误还是我做错了什么?我尝试了几件事,例如弄乱偏移量,showEmpty,似乎没有任何效果。有什么想法吗?

http://jsfiddle.net/mhant47c/1/

 $('#container').highcharts(
    chart: 
      type: 'bar'
    ,

    yAxis: [
      width: '33.33%',
      showLastLabel: false,
      id: 'yA0'
    , 
      left: '33.33%',
      width: '33.33%',
      offset: 0,
      showLastLabel: false,
      id: 'yA1'
    , 
      left: '66.66%',
      width: '33.33%',
      offset: 0,
      id: 'yA2'
    ],
    plotOptions: 
      series: 
        stacking: 'normal'
      
    ,
    xAxis:
    showEmpty:false,
    categories:['a','b','c','d']
,
    series: [
      data: [1, 2, 3, 4]
    , 
      data: [3, 2, 1, 6]
    ,
    
      yAxis: 1,
      data: [23, 43, 56,23, 43, 56]
    ,
      yAxis: 1,
      data: [23, 43, 56,23, 43, 56]
    , 
      yAxis: 2,
      data: [123, 413, 516,23, 43, 56]
    ]
  );

【问题讨论】:

【参考方案1】:

图表尝试使列居中,从而添加一个额外的类别。为防止这种情况,请使用min 选项:

    xAxis: 
        min: 0,
        ...
    ,

现场演示:http://jsfiddle.net/BlackLabel/6p84vx53/

API 参考:https://api.highcharts.com/highcharts/xAxis.min

【讨论】:

以上是关于Highcharts 图例索引在图例点击时显示 -1的主要内容,如果未能解决你的问题,请参考以下文章

如何在图例悬停时显示工具提示?

使用innerHTML在悬停时显示图像图例(不是工具提示)?

如何修改highcharts图例项点击事件?

Highcharts 饼图设置了显示图例 怎样给图例添加点击事件

python_matplotlib 输出(保存)矢量图方法;画图时图例说明(legend)放到图像外侧;Python_matplotlib图例放在外侧保存时显示不完整问题解决

编辑 Highcharts Legend 上的点击事件