Question

在Highchart中，我会得到一系列有色点的séquencielle方式：

标记1：绿色，标记2：蓝色，标记3：红色，标记4：绿色，标记5：蓝色，标记6：红色，标记7：绿色，标记8：蓝色，标记9：红色，等

这正是使用chart.options.plotOptions.column.colorByPoint = true

列的列所实现的目标

如何为Scatter做同样的事情？

Answer 1

您也可以在散点图系列中使用colorByPoint。要在散点图系列中只有三种颜色，您需要更新Highcharts对象中的colors数组：

$('#container').highcharts({
    chart: {
      type: 'scatter',
      zoomType: 'xy'
    },
    colors: ['red', 'green', 'blue'],
    series: [{
      colorByPoint: true,
      data: [
        [161.2, 51.6],
        [167.5, 59.0],
        [159.5, 49.2],
        [157.0, 63.0],
        [155.8, 53.6],
        [170.0, 59.0],
        [159.1, 47.6],
        [166.0, 69.8],
        [176.2, 66.8],
        [160.2, 75.2],
        [172.5, 55.2],
        [170.9, 54.2],
        [172.9, 62.5],
        [153.4, 42.0],
        [160.0, 50.0]
      ]
    }]
});

在这里，您可以看到一个示例：http://jsfiddle.net/22419j0j/

Highcharts - 用于serie.scatter.marker的colorByPoint

1 个答案: