Highcharts

Question

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

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

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

列所达到的效果

如何为 Scatter 获取相同的东西？

Answer 1

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

$('#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

Highcharts - colorByPoint for serie.scatter.marker

scatter