高图:更改每个单独的图/标记大小,是否可能?

时间:2012-04-01 15:36:10

标签: javascript highcharts

我正在尝试更改以下chart上每个地块的大小,是否可能?

我确实尝试改变线条粗细,但是这对每个线条系列的每个单独的图都没有区别。

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

                marker: {

                enabled: false

            },
                },

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

1 个答案:

答案 0 :(得分:10)

lineWidth列表中添加series参数。请参阅此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
        }
    ]
}