我设计了一个控制台应用程序。用户可以创建报告窗口小部件(还可以选择图形类型,线,饼图等)并链接到其余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文档中有关系列的每件事的详细信息,请访问链接,您将找到更多信息。