Echarts
Echarts开发的文章
一心只敲圣贤码
勿忘初心
展开
-
vue2整合echarts5.0
开始操作安装Echarts依赖1.前提:使用vue-cli创建的项目2.执行命令,默认安装最新版本的echarts3.在main.js中绑定echarts到vue的原型链上4.在组件中引入即可安装Echarts依赖1.前提:使用vue-cli创建的项目2.执行命令,默认安装最新版本的echartsnpm install echarts -S3.在main.js中绑定echarts到vue的原型链上import * as echarts from 'echarts'Vue.prototype.原创 2021-07-26 16:32:03 · 2805 阅读 · 0 评论 -
echarts实现漏斗三角形(根据数值显示高度)
const myChart = this.$echarts.init(document.getElementById('main')); let data = [ {name:'冰淇淋1',value:111}, {name:'冰淇淋2',value:133}, {name:'冰淇淋3',value:213}, {name:'冰淇淋4',value:53}, ]; let sum = eval(data.map(item => item.va...原创 2021-06-15 01:10:11 · 1553 阅读 · 0 评论 -
echarts实现柱状图的渐变颜色
itemStyle: { normal: { color: this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [ { offset: 0, color: 'rgba(43,225,236, 1)', ...原创 2021-06-10 23:41:42 · 1756 阅读 · 2 评论 -
echarts实现锥形柱状图
const option = { dataset:{ source:[ {name:'冰淇淋0',count:111,percent:'20%'}, {name:'冰淇淋1',count:211,percent:'20%'}, {name:'冰淇淋2',count:311,percent:'20%'}, {name:'冰淇淋...原创 2021-06-10 23:30:34 · 3815 阅读 · 1 评论