javascript - Highcharts : Change each individual plot/marker size, 这可能吗？

Question

我正在尝试更改以下 chart 上每个图的大小，这可能吗？

我确实尝试过更改线条粗细，但这对每个线条系列上的每个单独图都没有影响。

series:{ [<%= GraphSeries4 %>],

                marker: {

                enabled: false

            },
                },

Graph series是一个从Sql数据库中收集数据的变量。

Answer 1

在series 列表中添加lineWidth 参数。看这个jsFiddle代码。关键代码:

var chart = new Highcharts.Chart({
    // some other code
    series: [
        {
            name: 'Tokyo',
            data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 23.3, 18.3, 13.9, 9.6],
            lineWidth: 5
        }, {
            name: 'New York',
            data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 20.1, 14.1, 8.6, 2.5],
            lineWidth: 15
        }
    ]
}

另见 the documentation可能的参数。

//编辑

您还可以更改整个图表或单个点上的标记大小。看这个jsFiddle .和代码:

var chart = new Highcharts.Chart({
    // some other code
    series: [
        {
            name: 'Tokyo',
            data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 23.3, 18.3, 13.9, 9.6],
            // marker setting for all points in this series
            marker: {
                radius: 5
            },
            lineWidth: 5
        }, {
            name: 'New York',
            // marker setting for second point only
            data: [-0.2, { y: 0.8, marker: { radius: 15 }}, 5.7, 11.3, 17.0, 22.0, 20.1, 14.1, 8.6, 2.5],
            lineWidth: 15
        }
    ]
}