При обновлении графиков нужно обновить ось Х, а именно изменить формат. 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 . Надеюсь на Вашу помощь. |
Часовой пояс GMT +3, время: 09:32. |