Highchart与直线和空圈子弹

Question

我需要创建一个像这个图像的高图

那么我应该为图表设置哪些选项？ 标记之间的直线和标记的空白圆圈，背景中有虚线......

Answer 1

要制作步骤线而不是常规线，请使用series.step。要更改标记，请使用series.marker。要使网格线虚线，请使用yAxis.gridLineDashStyle。 Highcharts API参考非常好，并且有很多例子。

http://jsfiddle.net/jbo9jag5/6/

Highcharts.chart('container', {

  xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
  },
  yAxis: {
     gridLineDashStyle: 'longdash'
  },
  series: [{
    data: [1, 2, 3, 4, 3, 6, 7, 1, 9],
    step: 'right',
    name: 'Right',
    marker: {
      fillColor: '#FFFFFF',
      radius: 5,
      lineWidth: 2,
      lineColor: null // inherit from series
    }
  }]

});