Использую один из шаблонов для проекта, потребовался график из этого шаблона, проанализировав пришел к выводу что js вставляет часть кода на страницу в определенный div по id
<div id="morris_line_chart" class="morris-chart" style="position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
Сюда js скрипт вставляет код графика со всеми данными
</div>
Сделал поиск по скрипту по фразе "morris_line_chart"
нашел нужную функцию в js скрипте
if($('#morris_line_chart').length > 0)
// Line Chart
Morris.Line({
// ID of the element in which to draw the chart.
element: 'morris_line_chart',
// Chart data records -- each entry in this array corresponds to a point on
// the chart.
data: [{
d: '2012-10-01',
visits: 802
}, {
d: '2012-10-02',
visits: 783
}, {
d: '2012-10-03',
visits: 820
}, {
d: '2012-10-04',
visits: 839
}, {
d: '2012-10-23',
visits: 1312
}, {
d: '2012-10-24',
visits: 1293
}, {
d: '2012-10-25',
visits: 1283
}, {
d: '2012-10-26',
visits: 1248
}, {
d: '2012-10-27',
visits: 1323
}, {
d: '2012-10-28',
visits: 1390
}, {
d: '2012-10-29',
visits: 1420
}, {
d: '2012-10-30',
visits: 1529
}, {
d: '2012-10-31',
visits: 1455
}, ],
// The name of the data record attribute that contains x-visitss.
xkey: 'd',
// A list of names of data record attributes that contain y-visitss.
ykeys: ['visits'],
// Labels for the ykeys -- will be displayed when you hover over the
// chart.
labels: ['Visits'],
// Disables line smoothing
pointSize: 1,
pointStrokeColors:['#ff6028'],
behaveLikeLine: true,
grid:false,
gridTextColor:'#878787',
lineWidth: 1,
smooth: true,
hideHover: 'auto',
lineColors: ['#ff6028'],
resize: true,
gridTextFamily:"Roboto"
});
проверил вручную при изменении данных в js скрипте график меняется, все отлично.
Проблема в том что с js не дружу, как мне передать мой массив из пхп в этот скрипт?
