导出时更新的yAxis标题丢失
On Export The Updated yAxis Title Is Lost
我们的图表包含多个系列。我们一次只允许在图表中显示一个系列。当图表第一次加载时,我们将yAxis
的标题设置为series[0].name
:
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;
}
}
当用户单击图例中的每个系列时,数据集将更新,yAxis.title.text
将更改为反映活动系列的series.name
。
但是,当我们导出图表时,无论哪个系列处于活动状态,yAxis.title.text
始终是最初加载的值。
如何使图表导出具有yAxis的正确标题?我以为设置chart.options
可以做到这一点。
代表jsFiddle。
您可以使用循环查找可见的序列,然后更新轴标题,而不是静态设置第一个序列标题。作为出口的结果,你将实现你的目标。
load: function () {
var series = this.series,
yAxis = this.yAxis[0];
$.each(series,function(i, serie) {
if(serie.visible) {
yAxis.setTitle({
text: serie.name
});
}
});
}
示例:http://jsfiddle.net/e9o7ek2a/3/
相关文章:
- CSS-如何定位内容数据标题
- 在PHP中使用javascript更改页面标题'if'
- Brightcove获取/显示HTML中的当前视频标题和描述
- React组件-设置页面标题
- jQuery动态更改标题
- HighCharts长标题文本在某些元素上重叠
- 将行添加到具有固定标题的HTML表中
- CKEditor v4:自制插件中对话框的动态标题
- 如何在自动完成时设置属性标题
- 单元格的工具提示或标题不显示超过2000个字符
- 如何从相应的控制器动态更新标题和描述
- 将超链接添加到“;标题“;标记文本
- 为什么我会出现此错误"未捕获引用错误:未定义标题;
- FullCalendar:事件发生时阻止重叠.标题是一样的
- jQuery动画标题滚动
- 如何动态更改dataTablejQuery插件的列标题
- Highcharts-如何正确更新VUMeter的系列[0]数据和yAxis标题
- 导出时更新的yAxis标题丢失
- Highcharts: yAxis标题=当前系列名称
- highcharts:获取yaxis标题