Javascript 导出时,更新的yAxis标题将丢失
我们的图表包含多个系列。我们一次只允许一个系列在图表中可见。当图表首次加载时,我们将Javascript 导出时,更新的yAxis标题将丢失,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我们的图表包含多个系列。我们一次只允许一个系列在图表中可见。当图表首次加载时,我们将yAxis的标题设置为系列[0]。名称: chart { ... events: { load: function () { this.options.yAxis[0].title.text = this.series[0].name; this.yAxis[0].setTitle({ text: this.series[0].name }); this.y
yAxis
的标题设置为系列[0]。名称
:
chart {
...
events: {
load: function () {
this.options.yAxis[0].title.text = this.series[0].name;
this.yAxis[0].setTitle({ text: this.series[0].name });
this.yAxis[0].update({
title: {
text: this.series[0].name
}
});
}
}
...
}
在图例项目上,单击我们执行:
events: {
legendItemClick: function (event) {
var seriesIndex = this.index;
var serie = this.chart.series;
for (i = 0; i < serie.length; i++) {
if (serie[i].index == seriesIndex) {
serie[i].show();
this.chart.options.yAxis[0].title.text = serie[i].name;
this.chart.yAxis[0].setTitle({ text: serie[i].name });
} else {
serie[i].hide();
}
}
return false;
}
}
事件:{
legendItemClick:函数(事件){
var seriesIndex=该指数;
var serie=this.chart.series;
对于(i=0;i
当用户单击图例中的每个系列时,数据集将被更新,yAxis.title.text
将被更改以反映活动系列的series.name
但是,当我们导出图表时,无论哪个系列处于活动状态,yAxis.title.text
始终是最初加载的值
如何使图表导出具有yAxis的正确标题?我想设置图表。选项可以做到这一点
代表。您可以使用循环查找可见系列,然后更新轴标题,而不是静态设置第一个系列标题。作为出口的结果,你将实现你的目标
load: function () {
var series = this.series,
yAxis = this.yAxis[0];
$.each(series,function(i, serie) {
if(serie.visible) {
yAxis.setTitle({
text: serie.name
});
}
});
}
例如: