如何取消柱状图网格线中网格线右边带百分百怎么做出来的？

来源：蜘蛛抓取(WebSpider) 时间：2023-07-17 05:35 标签： 如何取消柱状图网格线

1
我有一个带多个y轴的多系列柱状图。 y轴的设置使得只有阵列中的第一个yAxis具有gridLineWidth = 1。其余的都是零。Highcharts - 在显示，隐藏或legendItem上打开和关闭网格线点击查看大图我所看到的是，如果我隐藏所有系列项目，其y轴具有gridLineWidth = 1，无网格线显示在所有的系列项目的剩余部分（那些使用非主Y轴）。这是有道理的，因为我已经设置了gridLineWidth的零...企图
所以总是显示至少一组网格线，我决定来处理plotOptions.column.events的hide和show事件（我还试图legendItemClick）先设置所有gridLineWidth的零，然后查找第一个可见系列和它的y轴对象设置gridLineWidth 1，像这样：plotOptions: {
column: {
...
events: {
show: function (event) {
var series = this.chart.series;
var yAxes = this.chart.yAxis;
// first hide all the gridlines
_.each(yAxes, function (axis) { axis.gridLineWidth = 0; });
var firstVisibleSeries = _.find(series, function (ser) { return ser.visible == true; });
if (firstVisibleSeries != null) {
firstVisibleSeries.yAxis.gridLineWidth = 1;
}
this.chart.redraw();
}
},
...
},
},
...
我使用Underscore.js为_.each（）和_.find（）方法。使用萤火虫，一切看起来不错（意思是第一个可见的系列项目的gridLineWidth = 1，其他所有项目在方法执行结束时设定为零）。但无论我做什么，包括this.chart.redraw（）调用我坚持在最后绝望，它似乎并没有处理我对yAxis对象的更改。如果我隐藏所有使用第一个yAxis的系列项目，网格线仍然会丢失。我做错了什么 - 有没有最后一步我想让变化永久化，或者我可以采取不同的方法来实现这个目标？感谢您的帮助编辑：这里有一个的jsfiddle呈现的问题： http://jsfiddle.net/kmkuntz/7NEhU/2/隐藏两个 '钱' 型系列显示网格线消失。
0
来源
2012-05-01 16:13:22
kmk

我要回帖

更多关于 如何取消柱状图网格线 的文章

 

随机推荐