2017-09-28 20 views
0

名前とその色を別のデータとして作成するだけで、ハイチャートに凡例を表示する方法はありますか?HIghcharts Legend

これが私のデータである場合:

[{ 
    "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" 
} 
] 

と私は上記のデータに基づいて動的に作成された伝説のデータは たLegendData私はこのたLegendData変数から伝説を作ることができますどのように=

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

です?

ありがとうございました。

+0


は、デフォルトの伝説の間であり、あなたがたLegendDataから作成したいものを説明することができます。 –

+0

ハイチャートAPIにデータを送信する方法のために、私は欲しい方法で伝説を得ることができません。凡例の名前は日付で、色は対応する色でなければなりません。 – B1K

答えて

0

凡例アイテムのラベルを変更するには、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/