繁体   English   中英

ECharts中的自定义字段名称

[英]Custom field name in ECharts

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

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

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

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文档中有关系列的每件事的详细信息,请访问链接,您将找到更多信息。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM