Я разработал консольное приложение. Пользователь может создавать виджеты отчетов (также выбирать тип графа, строку, пирог и т. Д.) И ссылаться на функции api для отдыха. Затем система связывает данные api rest api (я не знаю полей данных, пользовательских имен на экране) с виджетами отчета и связанными графиками.Пользовательское имя поля в ECharts
Я использую D3.js для живой панели инструментов (содержит виджеты отчетов). Но D3.js не подходит для динамических отчетов и динамических данных ajax. Поскольку реализация D3.js отличается от графика к диаграмме, она не является дружественной для разработчиков, например, для высокопроизводительных диаграмм, echarts.
Но имя поля карты, echarts и другое название диаграммы не настраивается. В Kendo это можно сделать так:
series: [
{ field: "price" }
]
Есть ли способ сделать это в Highcharts или eCharts. Или Можете ли вы предложить любые другие библиотеки диаграмм (предпочитаете бесплатный/открытый источник)?
UPDATE: Я больше не использую 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;
}
Нельзя вручную привязывать поля данных вручную и использовать действительный объект конфигурации в Highcharts/eCharts? – morganfree
Можете ли вы подробнее объяснить? –
После получения json разобрать его на соответствующий объект конфигурации, который понятен для библиотеки диаграмм. Как вы разбираете json, будет зависеть от структуры json и того, как вы хотите визуализировать данные. – morganfree