为scatter3d中的每个点指定颜色

Question

我尝试实现这一点，但是对于scatter3d：https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/point/color

series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, {
        y: 216.4,
        color: '#BF0B23'
    }, 194.1, 95.6, 54.4]

我想在这里指定每个气泡的颜色：https://jsfiddle.net/638yn59p/11/

series: [{
    name: 'Data',
    colorByPoint: true,
    accessibility: {
        exposeAsGroupOnly: true
    },
    data: [[0.052359,-0.316845,0.122564],

Answer 1

您还可以通过在数据中定义每个点来指定所需的颜色。当您的数据是一个对象数组时，配置应如下所示：

[{
  x: ...,
  y: ...,
  z: ..., 
  color: 'string',
}]

或者，您可以在数组数组中定义它，但您需要使用series.keys功能才能呈现它。

演示：https://jsfiddle.net/BlackLabel/g5rvmnhe/

  series: [{
    name: 'Data',
    keys: ['x', 'y', 'z', 'color'],
    data: [
      [0.052359, -0.316845, 0.122564, 'red'],
    ]
  }]

接口名：https://api.highcharts.com/highcharts/series.line.keys

Answer 2

这似乎起到了作用:为颜色添加变量：

var colors = ['#FF530D','#FF530D','#FF530D','#FF530D','#FF530D', '#E82C0C', '#FF0000']

使用系列中的变量：

series: [{
    name: 'Data',
    colorByPoint: true,
    colors: colors,