高位图表:如果可能的话,改变每个单独的图表/标记的大小

High Charts: Change each individual plot/marker size, is it possible?

本文关键字:单独 改变 位图 如果 高位图      更新时间:2023-09-26

我正在尝试更改下图中每个绘图的大小,这可能吗?

我确实试图改变线条的粗细,但这对每个线条系列上的每个单独的绘图都没有影响。

series:{ [<%= GraphSeries4 %>],
                marker: {
                enabled: false
            },
                },

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

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
        }
    ]
}

有关可能的参数,请参阅文档。

//编辑

您还可以更改整个图表或单个点上的标记大小。请参阅此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
        }
    ]
}