Как бы я изменил следующий JavaScript, чтобы изменить цвет при запуске вместо onClick?

Question

Я хотел бы удалить кнопку и просто отобразить символ легенды красным с самого начала без возможности изменения цвета.Образец ниже

http://jsfiddle.net/WrVFn/1/

Answer 1

Как это: http://jsfiddle.net/gilly3/WrVFn/15/

У вас есть функция, которая выполняет код при загрузке диаграммы. Внутри этого вы помещаете функцию, которая выполняет код при нажатии кнопки. Просто возьмите код из функции нажатия кнопки и поместите его прямо в функцию загрузки диаграммы. Все, что я сделал, это закомментировал две строки кода, чтобы получить то, что вы ищете.

Полагаю, вы можете самостоятельно удалить кнопку. ; -)

Answer 2

Можно установить параметр color, чтобы инициализировать серию определенным цветом как на диаграмме, так и на легенде:

http://jsfiddle.net/WrVFn/17/

var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container'
    },
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
        color: 'red'    
    }]
}, function(chart){


});

Answer 3

попробуйте с этим

    var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container'
    },
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
    }]
}, function(chart){
        chart.series[0].legendLine.attr({
            stroke: 'red'
        });

        chart.series[0].legendSymbol.attr({
            stroke: 'red',
            fill: 'red'
        });
});