Highchart js在图表开始时设置标记

Question

我使用highchart js创建了一个折线图。我想在开始时设置一个灰色的颜色标记，并在我的图形末尾设置一个红色的mrker。有没有办法用highcharts做到这一点？

Answer 1

在加载事件（chart.events.load）中，您可以从系列中提取第一个和最后一个点。然后调用update()函数修改fillColor参数。

chart:{
        events:{
        load:function() {
            var chart = this,
                series = chart.series[0],
              data = series.data,
              len = data.length;

          //first point
          data[0].update({
            marker:{
                fillColor: 'gray'
            }
          },false);

          //last point
          data[len - 1].update({
            marker:{
                fillColor: 'red'
            }
          });

        }
      }
    },

示例：

• http://jsfiddle.net/s9erv8f0/