Диаграммы с несколькими столбцами highcharts не отображаются
я хочу отображать столбцы типа highcharts, я следовал этому примеру https://www.highcharts.com/demo/column-basic в моем случае данные извлекаются из базы данных
var id = $("input[id='id1']:checked").val();
getAjaxData(id);
//});
var opt = {
chart: {
renderTo: 'container4',
type: 'column'
},
title: {
text: 'abc',
x: -20 //center
},
xAxis: {
categories: []
},
yAxis: {
title: {
text: 'Millions'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
headerFormat: '<span style = "font-size:11px">{series.name}</span><br>',
pointFormat: '<span style = "color:{point.color}">{point.name}</span>:<b>{point.y}</b> of total<br/>'
},
plotOptions: {
series: {
borderWidth: 0,
dataLabels: {
enabled: true,
format: '{point.y}'
}
}
},
legend: {
itemStyle: {
fontSize:'10px'
},
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
floating: true,
borderWidth: 1,
backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'),
shadow: true
},
series: []
};
function getAjaxData(id) {
$.getJSON("file.php", {id: id},function(json) {
opt.xAxis.categories = json[0]['data'];
opt.series[0] = json[1];
opt.series[1] = json[2];
chart = new Highcharts.Chart(opt);
});
} но мой символ отображается так
я хочу отображать оба столбца. но здесь отображается только один столбец. другой дисплей, если отображаемый столбец выключен. это проблема с отображением или php файла. Если это так, я также предоставлю это
извините не понял ваш вопрос?
У вас есть opt.series[0] = json[1]; opt.series[1] = json[2]; chart = new Highcharts.Chart(opt);, я бы хотел посмотреть, что находится внутри opt.series, чтобы увидеть, не отформатирован ли он неправильно
извините, я не могу вставить это сюда
Даже с заполнителями? Мне просто нужно увидеть структуру серии (например, все строки могут быть "xxx", а все значения могут быть 0)
Я думаю, что PHP-код также объяснит структуру серии?
это не так, потому что мы не знаем, какова структура json. Данные внутри диаграммы вызывают такое поведение, поэтому мы должны знать структуру этих данных. Это, или данные в столбце № 2 значительно меньше и, следовательно, не отображаются из-за того, что серия, окрашенная в черный цвет, имеет значения +1 миллион.
решил мою проблему, спасибо, что указали на проблему
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Можете ли вы записать информацию в
opt.seriesи также вставить ее? (при необходимости с заполнителями, но я просто хочу увидеть структуру серии)