JavaScript — линейная диаграмма Google

Добрый день, у меня проблемы с составлением графика 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}]}]}

Можете ли вы, ребята, привести мне пример. Пожалуйста. Спасибо.

1

Решение

Задача ещё не решена.

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]