Добрый день, у меня проблемы с составлением графика Google.
Моя целевая диаграмма выглядит так: (см. Рисунок)
но то, что я сделал, это: (см. рисунок)
вот мой код JavaScript:
google.charts.load('current', {'packages': ['line', 'corechart', 'bar','controls', 'table']});
google.charts.setOnLoadCallback(drawChartMonthly);
function drawChartMonthly() {
var jsonData = $.ajax({
url: "analytics/platform-sales.php",
dataType: "json",
async: false
}).responseText;
var data = new google.visualization.DataTable(jsonData);
var options = {
title: 'Music Services sales',
pointSize: 5
};
var chart = new google.charts.Line(document.getElementById('chart_div_platform'));
chart.draw(data, options);
}
вот мой HTML:
<div class="row">
<div class="col-md-4 col-sm-12">
<div id="chart_div_platform" style='width: 1200px; height: 600px;'></div>
</div>
</div>
Вот мой пример данных JSON:
{"cols":[{"label":"Month","type":"date"},{"label":"Platform","type":"string"},{"label":"Amount","type":"number"}],
"rows":[{"c":[{"v":"Date(2013,3,1)"},{"v":"Tunecore"},{"v":19932}]},
{"c":[{"v":"Date(2013,4,1)"},{"v":"Platform1"},{"v":17930}]},
{"c":[{"v":"Date(2013,4,1)"},{"v":"Platform2"},{"v":16930}]},
{"c":[{"v":"Date(2013,4,1)"},{"v":"Platform3"},{"v":15930}]},
{"c":[{"v":"Date(2013,4,1)"},{"v":"Platform4"},{"v":14930}]},
{"c":[{"v":"Date(2013,5,1)"},{"v":"Platform1"},{"v":17930}]},
{"c":[{"v":"Date(2013,5,1)"},{"v":"Platform2"},{"v":16930}]},
{"c":[{"v":"Date(2013,5,1)"},{"v":"Platform3"},{"v":15930}]},
{"c":[{"v":"Date(2013,5,1)"},{"v":"Platform4"},{"v":14930}]},
{"c":[{"v":"Date(2013,6,1)"},{"v":"Platform1"},{"v":17930}]},
{"c":[{"v":"Date(2013,6,1)"},{"v":"Platform2"},{"v":16930}]},
{"c":[{"v":"Date(2013,6,1)"},{"v":"Platform3"},{"v":15930}]},
{"c":[{"v":"Date(2013,6,1)"},{"v":"Platform4"},{"v":14930}]},
{"c":[{"v":"Date(2013,7,1)"},{"v":"Platform1"},{"v":17930}]},
{"c":[{"v":"Date(2013,7,1)"},{"v":"Platform2"},{"v":16930}]},
{"c":[{"v":"Date(2013,7,1)"},{"v":"Platform3"},{"v":15930}]},
{"c":[{"v":"Date(2013,7,1)"},{"v":"Platform4"},{"v":14930}]}]}
Можете ли вы, ребята, привести мне пример. Пожалуйста. Спасибо.
Задача ещё не решена.
Других решений пока нет …