Добавить серии динамически по времени Еженедельно, Ежемесячно, Год, Годы в чартах

Question

У меня есть линейная диаграмма, как показано ниже. пока хорошо

Теперь мне нужно динамически изменять оси X / данные / серии и запрашивать данные на основе раскрывающегося списка из базы данных, или есть лучший способ сделать это. Я только начинаю с echarts.

Если я выберу Текущая неделя, я должен показать Mon, Tue и так далее ... в качестве меток на оси X. Если я выберу «Текущий месяц», я должен отобразить «Даты в качестве меток» по оси X. То же самое должно случиться с Годами и Годами.

Answer 1

В чем именно проблема? Не могли бы вы привести пример кода?

В любом случае я вижу это так:

1. В общем, это выходит за рамки диаграммы как компонента диаграммы, поэтому поместите выберите элемент управления в HTML как обычный тег <select>.
2. Добавить eventListener в тело и захватить изменить событие с выбранной опцией.
3. Когда получено событие и опция отправляет запрос в бэкэнд или фильтрует данные локально по значению опции.
4. Затем упаковывает отфильтрованные данные в объект диаграммы { series: { data: [...] }}.
5. И вызывает метод встроенной диаграммы chartInstance.setOption({ chart_object }) для серии обновлений .