0
231
Vistas¿Cómo mostrar/diseñar la descripción de datos en ECharts?
Tengo el código de muestra:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts</title> <script src="https://cdn.staticfile.org/echarts/5.2.2/echarts.min.js"></script> </head> <body> <div id="main" style="width: 600px;height:400px;"></div> <script type="text/javascript"> var myChart = echarts.init(document.getElementById('main')); var option = { title: { text: 'ECharts', textStyle: { fontSize: 30, color: 'red' } }, tooltip: { trigger:'axis' }, toolbox:{}, legend: { data:['sale'] }, xAxis: { data: ["A","B","C","Pants","Shoes","Shirt"] }, yAxis: {}, series: [{ name: 'sales', type: 'line', data: [5, 20, 36, 10, 10, 20], markPoint: { data: [{ type: 'max', name: 'Max' },{ type: 'min', name: 'Min' }]}, }] }; myChart.setOption(option); </script> </body> </html> Quiero diseñar el resultado: cuando el mouse hace clic o pasa sobre este punto de datos, puede mostrar la descripción de datos definida por mí mismo. por ejemplo, si el mouse pasa sobre los puntos de datos 'zapatos', los gráficos mostrarán un cuadro de diálogo con el contenido 'Estos son datos de zapatos, las ventas de zapatos son 10' 
Muchas gracias si alguien me puede dar algunos consejos! Realmente gracias por cualquier sugerencia.
·
Juan Pablo Isaza
Responde la pregunta