CanvasJS - 具有多个 Y 轴的图表并在 Legend Click 上隐藏取消隐藏数据系列
CanvasJS - Chart with Multiple Y Axis and Hide Unhide Data Series on Legend Click
我在我的项目中使用 CanvasJS,直到现在它都运行良好。
以下是网站上的两个示例:
Hide Unhide Data Series on Legend Click
自从我将选项 maximum:
添加到我的 Axis Y2-2 变量中,比例不再通过单击图例隐藏!
你能帮我调试一下吗?
嗯,我解决了这个问题,这里是一个可行的例子 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";
};
}
希望能帮到别人:)
我在我的项目中使用 CanvasJS,直到现在它都运行良好。
以下是网站上的两个示例:
Hide Unhide Data Series on Legend Click
自从我将选项 maximum:
添加到我的 Axis Y2-2 变量中,比例不再通过单击图例隐藏!
你能帮我调试一下吗?
嗯,我解决了这个问题,这里是一个可行的例子 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";
};
}
希望能帮到别人:)