0

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

我将 D3.js 用于实时仪表板（包含报告小部件）。但是 D3.js 不是动态报告和动态 ajax 数据的好选择。因为 D3.js 的实现因图表而异，所以它不像 highcharts、echarts 那样对开发人员友好。

但是highcharts、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;
 }
4

1 回答 1

1

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

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

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

series: [
    { name: "price" }
  ]

关于系列的每一件事都在 Echarts 文档中进行了更详细的解释，请访问您将找到更多的链接。

于 2016-11-02T12:40:36.850 回答