javascript - Highcharts - 无法更改线条颜色

Question

我想更改 Highcharts 蛛网图的蛛网线。我正在使用 JSFiddle通过 someone else因为我的出于某种原因无法正常工作。

我希望能够更改蜘蛛线的线条颜色。我要更改什么属性才能获得它？

$('#emotion-ranking-graph-bar').highcharts({
    chart: {
        polar: true,
        type: 'line',
        backgroundColor: 'rgba(255,255,255,0.0)'
    },
    exporting: {
        enabled: false
    },
    title: {
        text: '',
        x: 0
    },
    pane: {
        size: '80%'
    },
    xAxis: {
        categories: ['Joy', 'Sorrow', 'Anger', 'Seriousness',
                'Information Technology', 'Administration'],
        tickmarkPlacement: 'on',
        lineWidth: 0,
        labels: {
            enabled: true
        }
    },
    yAxis: {
        gridLineInterpolation: 'polygon',
        lineWidth: 0,
        min: 0,
        color: 'rgba(255,255,255,1)',
        labels: {
            enabled: false
        }
    },
    tooltip: {
        shared: true,
        pointFormat: '<span style="color:{series.color}">{series.name}: <b>${point.y:,.0f}</b><br/>'
    },
    legend: {
        enabled: false
    },
    series: [{
        name: 'Emotional Analysis Spectrum',
        data: [43000, 19000, 60000, 35000, 17000, 10000],
        pointPlacement: 'on',
        color: 'rgba(0,0,0,0.7)'
    }]
})

Answer 1

从中心向外延伸的线是 yAxis，构成五边形的线是 xAxis。您必须更改两者的 gridLineColor 选项:

http://jsfiddle.net/przJs/41/

在这里你有很多选择:http://api.highcharts.com/highcharts/xAxis.gridLineColor