Я сейчас работаю с этим примером: https://c3js.org/samples/legend_custom.html, который работает очень хорошо.
Теперь я хотел бы загрузить свои данные из файла CSV или JSON file.
Так что я бы изменил бит моего объекта диаграммы на:
data: {
url: '/data/brands.csv',
type: 'donut',
},
, который также работает нормально. Теперь вернемся к примеру с сайта D3:
.data(['data1', 'data2', 'data3'])
.enter().append('span')
Это больше не будет работать, так как мои столбцы имеют разные имена. Как я могу использовать данные из моего файла?
Согласно https://github.com/d3/d3-selection/blob/v1.4.1/README.md#selection_data я могу использовать и другие структуры данных. Итак, я попытался
$.getJSON( '/data/brands.json', function( data ) {
window.test = data;
});
console.log(window.test);
, но там у меня возникла проблема с областью действия, связанная с доступом к данным json извне метода get JSON. Кажется, что «обычный» способ использования $ get JSON состоит в реализации моей бизнес-логики c внутри функции обратного вызова? (Согласно https://api.jquery.com/jQuery.getJSON/)
var myData = $.getJSON( '/data/brands.json', function( data ) {
console.log( "success" );
});
// This one shows the jqXHR (?) object:
console.log( myData );
// This one shows undefined:
console.log( myData.responseJSON );
Я, вероятно, неправильно использую / думаю здесь из-за недостатка знаний - какой C3 / JS способ наиболее к go?
И, опираясь на это, мне нужно, чтобы это работало с несколькими графиками на одной странице. Буду ли я делать все это внутри для l oop тогда?