[英]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.