使用highcharts,在柱形图或条形图上实现目标线的最佳方法是什么?(也称为目标与目标)
以类似的d3.js线程为例找到此图片:
我正在考虑其他系列,但是在文档中没有关于目标行的任何选项。这是基本的柱形图:jsfiddle.net/eksh8a8p/
我已经考虑过使用columnrange系列,但是您只能使用一个开始/结束值,这可能会由于数字值的缩放而出现问题。
还有其他想法/选项可以产生与上图类似的结果吗?
您可以使用columnrange系列,但有一个更简单的选项-带有矩形标记的散布系列
//custom marker Highcharts.SVGRenderer.prototype.symbols['c-rect'] = function (x, y, w, h) { return ['M', x, y + h / 2, 'L', x + w, y + h / 2]; }; //series options { marker: { symbol: 'c-rect', lineWidth:3, lineColor: Highcharts.getOptions().colors[1], radius: 10 }, type: 'scatter'
示例:http://jsfiddle.net/eksh8a8p/1/