Question

我设计了一个控制台应用。用户可以创建报告小部件（也可以选择图形类型，线条，饼图等）并链接到其他api功能。然后系统将报告窗口小部件和相关图表绑定到其他api数据（我不知道数据字段，用户在屏幕上输入名称）。

我使用D3.js作为实时信息中心（包含报告小部件）。但是D3.js不适合动态报告和动态ajax数据。因为D3.js的实现因图表而异，所以它不像开发人员那样友好，比如highcharts，echarts。

但是highcharts，echarts和其他图表＆＃39;字段名称不可配置。在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;
 }

Answer 1

您可以设置系列的选项，但它与您的系列类型相关

请参阅以下链接了解更多详情。

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

series: [
    { name: "price" }
  ]

有关系列的所有内容都会在Echarts doc中详细解释，请访问您会发现的更多链接。

ECharts中的自定义字段名称

1 个答案: