HIghcharts Legend

Question

이름과 색상을 별도의 데이터로 만들어서 하이 차트에 범례를 표시 할 수있는 방법이 있습니까?

이 내 데이터 인 경우 :

[{ 
    "x": 0.92, 
    "y": 1.12, 
    "date": "05-18-2003", 
    "color": "#0082c8", 
    "idNo": 3, 
    "mc": "green", 
    "symbol": "circle" 
}, 
{ 
    "x": 0.92, 
    "y": 1.13, 
    "date": "05-18-2003", 
    "color": "#0082c8", 
    "idNo": 10, 
    "mc": "green", 
    "symbol": "circle" 
}, 
{ 
    "x": 0.96, 
    "y": 1.05, 
    "date": "06-10-2003", 
    "color": "#f58231", 
    "idNo": 3, 
    "mc": "green", 
    "symbol": "circle" 
}, 
{ 
    "x": 0.96, 
    "y": 1.09, 
    "date": "06-11-2003", 
    "color": "#911eb4", 
    "idNo": 3, 
    "mc": "green", 
    "symbol": "circle" 
}, 
{ 
    "x": 0.96, 
    "y": 1.1, 
    "date": "06-11-2003", 
    "color": "#911eb4", 
    "idNo": 10, 
    "mc": "green", 
    "symbol": "circle" 
} 
] 

나는 동적으로 위의 데이터를 기반으로 만든 전설 데이터는 는 =

[{name: "05-18-2003", color1: "#0082c8"} 
{name: "06-11-2003", color1: "#f58231"} 
{name: "06-10-2003", color1: "#911eb4"}] 

가 어떻게이 한 LegendData 변수에서 전설을 만들 수 있습니다 한 LegendData입니다 ?

감사합니다.

Answer 1

범례 항목 레이블을 수정하려면 labelFormatter 기능을 사용할 수 있습니다. 각 범례 항목의 다른 색상은 스타일이 지정된 모드를 사용하고 CSS를 사용하여 스타일을 지정할 수 있습니다. 아래에 게시 된 예를 살펴보십시오.

DOCS 참조 :
https://www.highcharts.com/docs/chart-design-and-style/style-by-css

API 참조 :
http://api.highcharts.com/highcharts/legend.labelFormatter

예 : http://jsfiddle.net/mw06ywvp/