2013-10-02 22 views
5

Có vẻ như điều này đơn giản, nhưng tôi không thể tìm ra và không có gì trong tài liệu API có vẻ đang hoạt động. Tôi muốn thay đổi màu của một cột khi cột đó được di chuột.Highcharts Thay đổi màu cột khi di chuột

Tôi đã cố gắng thiết lập mỗi điểm trong các dữ liệu để có một trạng thái hover với colorFill, nhưng không có kết quả, tôi cũng đã cố gắng thiết lập nó trong plotOptions trong column thuộc tính

Dưới đây là một chút gì đó để giúp: http://jsfiddle.net/TheSharpieOne/DMcQ3/

Cố gắng này: http://api.highcharts.com/highcharts#series.data.marker.states.hover.fillColor
Cố gắng này: http://api.highcharts.com/highcharts#plotOptions.column.states.hover.marker.fillColor
Cả hai đã không làm việc. Không chắc còn gì để làm.

Tôi tìm thấy điều này: Highcharts: changing color on hover ranking chart nhưng nó thay đổi toàn bộ chuỗi, không chỉ là điểm/cột hiện tại.

Trả lời

16

Bạn đã gần như ở đó, nhưng bạn muốn thiết lập color và không fillColor (và không phải vào điểm đánh dấu) - Tôi thêm này để tuyên bố biểu đồ:

plotOptions: { 
    column: { 
     states: { 
      hover: { 
       color: '#000000'               
      } 
     } 
    } 
} 

Và loại bỏ những thứ states từ cột dữ liệu, dường như hoạt động trong số fiddle này.

Và, vâng, điều đó không rõ ràng trong tài liệu ...

+1

Cảm ơn! Họ cần phải cập nhật tài liệu của họ, tôi sẽ không bao giờ đoán màu sẽ đến đó: http://api.highcharts.com/highcharts#plotOptions.column.states.hover – TheSharpieOne

+1

Dường như bạn cũng có thể sử dụng borderColor ở đó và có lẽ các tùy chọn khác. – stef

Các vấn đề liên quan