Thay đổi màu của điểm động trong highcharts

Question

Tôi đã có thể thay đổi màu sắc của điểm trong biểu đồ động, nhưng khi tôi di chuột qua điểm đó thì màu của điểm đó sẽ thay đổi thành màu trước đó.

Tôi có một fiddle đây: jfiddle

$(function() { 
var chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'container' 
    }, 
    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

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

// the button handler 
$('#button').click(function() { 

    chart.series[0].data[2].graphic.attr({ fill: '#FF0000' });   
    chart.redraw(); 
}); 

Làm thế nào tôi có thể thay đổi màu sắc của điểm tự động trong một đồ thị?

Answer 1

Tôi nghĩ rằng bạn đang tìm kiếm để cập nhật các màu đánh dấu tự động.

bạn có thể sử dụng chức năng cập nhật cho điều này

chart.series[0].data[0].update(); 

Đây là một jsFiddle để bạn tham khảo. Tôi hy vọng điều này sẽ hữu ích cho bạn.

Answer 2

là những gì bạn đang tìm kiếm?

http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-marker-states-select-fillcolor/

plotOptions: { 
    series: { 
     allowPointSelect: true, 
     marker: { 
      states: { 
       select: { 
        fillColor: 'red', 
        lineWidth: 0 
       } 
      } 
     } 
    } 
} 

Answer 3

Nó làm việc cho tôi:

chart.series[0].update();

(Câu trả lời được lựa chọn không)