|
При обновлении графиков нужно обновить ось Х, а именно изменить формат. c3.js
:help: Я начинаю работать с С3 возникла проблема при работе с осью Х, когда я задал ей формат мне нужно при обновлении данных, по клике на легенде, обновлять и сам формат. Я НЕ МОГУ ПРИДУМАТЬ СПОСОБ КАК ЭТО СДЕЛАТЬ.
После выборе месяца формат оси Х должен поменяться на %B а при выборе дней и недель должен оставаться %d-%m-%y .
/* global $ */
$(document).ready(function () {
var chart = c3.generate({
bindto: '#chart8',
data: {
xs: {
day: 'x1',
week: 'x2',
month: 'x3'
},
columns: [
['x1', '2020-01-22', '2020-01-21', '2020-01-20', '2020-01-19', '2020-01-18', '2020-01-17', '2020-01-16', '2020-01-15', '2020-01-14', '2020-01-13', '2020-01-12', '2020-01-11'],
['x2', '2020-01-20', '2020-01-13', '2020-01-06', '2019-12-30', '2019-12-23', '2019-12-16', '2019-12-9', '2019-12-02', '2019-11-25', '2019-11-18', '2019-11-11', '2019-11-04'],
['x3', '2019-01-01', '2019-02-01', '2019-03-01', '2019-04-01', '2019-05-01', '2019-06-01', '2019-07-01', '2019-08-01', '2019-09-01', '2019-10-01', '2019-11-01', '2019-12-01'],
['day', 3, 2, 1, 4, 1.5, 6, 1.4, 2, 5, 1.7, 3.4, 2.3, 3, 1.4],
['week', 30, 20, 10, 40, 15, 60, 14, 20, 5, 17, 34, 23, 30, 14],
['month', 120, 80, 40, 160, 60, 240, 64, 80, 20, 68, 136, 92, 120, 64]
],
type: 'bar',
hide: ['week', 'month']
},
axis: {
x: {
type: 'timeseries',
tick: {
rotate: -65,
format: '%d-%m-%y'
}
}
},
legend: {
item: {
onclick: function (id) {
//console.log(id)
chart.hide()
chart.show(id)
}
}
}
})
})
КАК Я МОГУ ЭТО РЕАЛИЗОВАТЬ И ВОЗМОЖНО ЛИ ЭТО СРЕДСТВАМИ с3.js . Надеюсь на Вашу помощь.
|
