EChartsのカスタムフィールド名

Question

私はコンソールアプリケーションを設計しました。ユーザーはレポートウィジェット（グラフタイプ、ライン、パイなどを選択）を作成し、残りのAPI関数にリンクすることができます。次に、システムは残りのapiデータをバインドします（データフィールドはわかりませんが、ユーザーは画面上で名前を入力します）。レポートウィジェットと関連するグラフが表示されます。

ライブダッシュボード（レポートウィジェットを含む）にD3.jsを使用しています。しかし、D3.jsは動的なレポートや動的なAjaxデータではうまくいきません。 D3.jsの実装はチャートごとに異なるため、ハイチャート、echartsのようにデベロッパーにとって使いやすいものではありません。

ハイチャート、echartsおよび他のチャートのフィールド名は設定できません。 Kendoでは、それは次のように行うことができます。

series: [ 
    { field: "price" } 
    ] 

はHighChartsまたはeChartsでこれを行うにはどのような方法があります。 または 他のチャートライブラリ（フリー/オープンソースをお勧めします）を提案できますか？

更新日： 私はもうeChartを使用していません。 C3.jsはより安定して使いやすくなっています。 C3.jsにも同じ問題がありますが、カスタムデータ配列を準備しています。

chart.graph.load({ 
    columns: [ 
     GetTextData(serieData, "x"), 
     SerializeDataWithSerieName("blabla", serieData) 
    ] 
}); 
.... 
function GetTextData(data, textToInsertStart) { 
    var result = []; 
    if (textToInsertStart) 
     result.push(textToInsertStart); 

    for (var i = 0; i < data.length; i++) { 
     result.push(data[i][MyTextFieldName]); 
    } 
    return result; 
} 
.... 
function SerializeDataWithSerieName(serieName, data) { 
    var result = []; 
    result.push(serieName); 
    for (var i = 0; i < data.length; i++) { 
     result.push(data[i][MyDataFieldName]); 
    } 
    return result; 
} 

Answer 1

あなたがシリーズのオプションを設定することができますが、それはあなたのシリーズ型

に関連していますが、より詳しくは、下のリンクを参照してください。

https://ecomfe.github.io/echarts/doc/doc-en.html#Series

series: [ 
    { name: "price" } 
    ] 

シリーズに関するすべてのものはEchartsドキュメントあなたがより多くを見つけるのリンクをご覧くださいでより詳細に説明されています。