Highchart中每个点的特定半径

时间:2018-02-09 19:03:36

标签: javascript charts highcharts

我们希望为图表中的每个点设置特定半径,如何使用Highchart执行此操作? 我们有这样的代码:

var chart = new Highcharts.Chart({
chart: {
    renderTo: 'container',
    margin: 100,
    type: 'scatter3d',
    options3d: {
        enabled: true,
        alpha: 10,
        beta: 30,
        depth: 250,
        viewDistance: 5,
        fitToPlot: false,
        frame: {
            bottom: { size: 1, color: 'rgba(0,0,0,0.02)' },
            back: { size: 1, color: 'rgba(0,0,0,0.04)' },
            side: { size: 1, color: 'rgba(0,0,0,0.06)' }
        }
    }
},
title: {
    text: 'Draggable box'
},
subtitle: {
    text: 'Click and drag the plot area to rotate in space'
},
plotOptions: {
    scatter: {
        width: 10,
        height: 10,
        depth: 10,
    },
    series:{
        marker:{
            radius: [5,10,20]
        }
    }
},
yAxis: {
    min: 0,
    max: 10,
    title: null
},
xAxis: {
    min: 0,
    max: 10,
    gridLineWidth: 1
},
zAxis: {
    min: 0,
    max: 10,
    showFirstLabel: false
},
legend: {
    enabled: false
},
series: [{
    name: 'Reading',
    colorByPoint: true,
    data: [[1, 6, 5], [8, 7, 9], [1, 3, 4]],
    colors: ['#0d233a', '#0d233a', '#0d233a']
}]
});

如果可以在plotOptions.series.marker.radius中使用半径数组? 如果有另一种方法可以用来为图表中的每个点设置半径!?

0 个答案:

没有答案