JavaScript — Использование динамических меток Morris Bar Chart
Я использую гистограмму Морриса для отображения продаж продукта. Я хотел бы иметь динамический ярлык (при зависании). Я получаю данные через PHP.
array('product' => $row['productid'], 'sales'=> $row['freq'], 'name' => $product_name);
и мой код Jquery здесь:
$.getJSON('getdata.php?command=product_sales', function(data)
{
//var product_name = data.name;
Morris.Bar({
element: 'morris-product-sales-chart',
data: data,
xkey: ['product'],
ykeys: ['sales'],
labels: ['Product Name'],
hideHover: 'auto',
resize: true
});
});
Если вы заметили, ярлыки жестко закодированы как «Название продукта», однако я хотел бы, чтобы они были динамическими (атрибут «имя» в PHP). Есть идеи, как это можно сделать?
Спасибо
Решение
Я не уверен, правильно ли я понимаю (попал сюда в поисках чего-то другого), но это должно сработать:
labels: [<?=$name?>]
Я использую нечто подобное в моей, где я беру данные таблицы (включая список названий продуктов) из базы данных.
Другие решения
Absoluteley! Предположим, у вас есть переменная, которая имеет объект Морриса
var achart = Morris..Bar({
element: 'morris-product-sales-chart',
data: data,
xkey: ['product'],
ykeys: ['sales'],
labels: ['Product Name'],
hideHover: 'auto',
resize: true
});
});
Вы можете установить метки как achart.options.labels =, а затем выполнить перерисовку для отображения обновлений.