0
123
Vistas¿Cómo cambiar gráficos en el mismo lienzo con Apache ECharts?
Básicamente, lo que estoy tratando de hacer es tener 5 opciones de gráficos, cada uno de los cuales muestra un conjunto diferente de datos (en el mismo período de tiempo).
Esto es lo que tengo ahora: es casi todo lo que quiero, excepto que, en mi opinión, el menú desplegable hace que se vea muy desordenado, así que quería ver si alguien conocía alguna forma de usar las funciones de la biblioteca de Apache ECharts para integrarlo bien. He estado revisando los documentos durante algunas horas, pero no creo que nada encaje.
Si ayuda, la función que estoy usando en este momento junto con el menú desplegable es algo así como:
function change_day_chart(value) { if (value == '0') { day_chart.setOption(prices, true); } if (value == '1') { day_chart.setOption(buy_volume, true); } if (value == '2') { day_chart.setOption(sell_volume, true); } if (value == '3') { day_chart.setOption(seven_day_buy, true); } if (value == '4') { day_chart.setOption(seven_day_sell, true); } }tl; dr, ¿hay alguna forma integrada de cambiar entre conjuntos de datos en Apache ECharts?
1 Respuestas
Responde la pregunta0
No conozco tus datos, pero este es mi código.
el mismo gráfico obtiene diferentes parámetros, use la función de filtro para tratar.
Para tu referencia.
var respon $.ajax({ url: 'api/url', type: 'post', contentType: 'application/json', dataType: 'json', success: function (rets) { respon = rets; $('#Select').trigger('change'); //get all data }, error: function (xhr, ajaxOptions, thrownError) { console.log(xhr.responseText); } }); $('#Select').on('change', function () { var Qry = $(this).val(); //Select value var res = respon.filter(item => item.Flag == Qry) //do something var option = { //Omit }; Chart.setOption(option,true); });