あなたのhighchartsにmaxPointWidth属性をサポートさせます
942 ワード
グラフを設定するときにデータ列の幅を動的に設定することがよくありますが、数が少ないと見苦しいことが多いので、最大幅を制限したいと思います.このコードはあなたに合うはずです.
コードを追加した後、
(function(H) {
var each = H.each;
H.wrap(H.seriesTypes.column.prototype, 'drawPoints', function(proceed) {
var series = this;
if (series.data.length > 0) {
var width = series.barW > series.options.maxPointWidth ? series.options.maxPointWidth : series.barW;
each(this.data, function(point) {
point.shapeArgs.x += (point.shapeArgs.width - width) / 2;
point.shapeArgs.width = width;
});
}
proceed.call(this);
})
})(Highcharts);
コードを追加した後、
Highcharts
のプロパティにこれを追加すると、最大幅のサポートが完了します.series: [{
// ....
data: data['series']['stars'],
tooltip: {
valueSuffix: ' '
},
maxPointWidth: 30, // svg
}]