我设计了一个控制台应用程序。用户可以创建报告窗口小部件(还可以选择图形类型,线,饼图等)并链接到其余api函数。然后系统将剩余的api数据(我不知道数据字段,用户在屏幕上键入名称)与报告窗口小部件以及相关图形绑定在一起。

我将D3.js用于实时仪表板(包含报表小部件)。但是D3.js对于动态报告和动态ajax数据不是很好的选择。由于D3.js的实现因图表而异,因此它与highcharts,echarts一样对开发人员不友好。

但是高位图表,echarts和其他图表的字段名称不可配置。在Kendo中,可以这样进行:

series: [
    { field: "price" }
  ]


在HighCharts或eCharts中有什么方法可以做到这一点。
要么
您能否建议其他图表库(更喜欢免费/开源)?

更新:
我不再使用eCharts。 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;
 }

最佳答案

您可以设置系列的选项,但这与您的系列类型有关

有关更多详细信息,请参见下面的链接。

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

series: [
    { name: "price" }
  ]


有关Echarts文档中有关系列的每件事的详细信息,请访问链接,您将找到更多信息。

10-07 21:51