2017-10-04 6 views
0

私は、年次データを示す複数の系列を持つ折れ線グラフを作成しました。チャートは非常に豊富なので、ユーザーにとって最も重要な情報のみを強調表示する必要があります。 最も重要なのは、今年のデータと平均です。過去数年間、他のすべてのシリーズは中立色でバックグラウンドにとどまるべきです。ここで グループ化凡例内のSyncfusion折れ線グラフシリーズ

は、私は今のために持っているもの:あなたは過去年のシリーズを見ることができるように年間の非常に長いリストを(持っていないために、灰色で、伝説の中に隠されてい enter image description here

1980年以来)。 にショーの過去数年のシリーズは、単一の項目としてをグループ化している私は何をしたい

すなわち凡例に、「1980年から2016年」を命名します。このチャートウィジェットでこの結果を達成する方法または回避策はありますか?私たちは、これを分析し、あなたの条件に基づいてサンプルを変更したhttp://jsplayground.syncfusion.com/4b2qkqkr

答えて

0

:ここ

はコードです。

上記のコードで

$("#container").ejChart({ legendItemRendering:"onLegendItemRendering" });function onLegendItemRendering(sender){ 
    if (sender.data.legendItem.SeriesIndex == 0) 
    { 
    sender.data.legendItem.Text = ' "' + startDate + " - " + endDate + '" '; 
    } 
} 

次のコード例を参照してください、私たちはlegendItemRendeingイベントをトリガしています。この場合、お客様の要件に基づいて凡例のテキストを変更しています。

以下のサンプルリンクを見つけてください。

サンプルリンク:http://jsplayground.syncfusion.com/cm5aa3mc

下記のリンクから

https://i.stack.imgur.com/i8DLe.png

のサンプルの出力を見つけてくださいあなたはどんな懸念を持っている場合はお知らせください。

よろしく、 SaravanaクマールK.

+0

それは完璧に動作しますが、私は隠されていないシリーズが常にあるグループを非表示にするには、凡例項目をクリックしたとき。ここをクリック:http://jsplayground.syncfusion.com/231ie1es – Giox

関連する問題