echarts
wow Larissa
这个作者很懒,什么都没留下…
展开
-
vue cli中使用echars绘制图表
1.安装echarts依赖npm install echarts -S2.在main.js中全局引入// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts3.具体代码<template><div id="myChart" :style="{width: '300px', height: '300px'}"></div></template>ex原创 2021-04-09 16:14:53 · 121 阅读 · 0 评论 -
echarts柱状图添加点击事件
echarts可以通过点击事件获取每项的值:myChart.on(‘click’, function (param) { } // myChart为自定义变量:var myChart = echarts.init(document.getElementById(‘echartBox’));可以通过param获取如下://param参数包含的内容有: //param.name:X轴的值 //param.data:Y轴的值 //param.value:Y轴的值 //param.type:点击事件均转载 2020-09-07 14:34:01 · 9094 阅读 · 0 评论 -
自定义echarts鼠标悬浮显示的内容
主要是在tooltip添加formatter: function (params) { // console.log(params); // 当我们想要自定义提示框内容时,可以先将鼠标悬浮的数据打印出来,然后根据需求提取出来即可 let firstParams = params[0]; let Paramsss = params[1]; return firstParams.name + ' ' + firstParams.seriesNa原创 2020-09-01 17:10:17 · 8491 阅读 · 0 评论