CanvasJS - 具有多个Y轴的图表并隐藏在隐藏点击时隐藏数据系列

时间:2017-02-20 07:51:20

标签: javascript jquery charts canvasjs

我在我的项目中使用CanvasJS并且它一直运行到现在。

以下是网站上的两个例子:

Multiple Y Axis

Hide Unhide Data Series on Legend Click

由于我将选项copy_from添加到我的Axis Y2-2 var中,因此点击图例不再隐藏比例!

这是我的JSfiddle live example

你能帮我调试一下吗?

1 个答案:

答案 0 :(得分:0)

好吧,我解决了这个问题,这里有一个可行的例子jsfiddle

if (typeof(e.dataSeries.visible) === "undefined" || e.dataSeries.visible) {
  e.dataSeries.visible = false;
  if (e.dataSeriesIndex == 2) {
    e.chart.options.axisY2[0].valueFormatString = " ";
    e.chart.options.axisY2[0].title = null;
    e.chart.options.axisY2[0].lineColor = "#BBBBBB";
  };
}
else {
  e.dataSeries.visible = true;
  if (e.dataSeriesIndex == 2) {
    e.chart.options.axisY2[0].valueFormatString = "#,##0.##";
    e.chart.options.axisY2[0].title = "Linear Scale";
    e.chart.options.axisY2[0].lineColor = "#7F6084";
  };
}

我希望能帮助别人:)