![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue-echarts
vue框架中相关于echarts的应用
跨世纪的小瑶
这个作者很懒,什么都没留下…
展开
-
echarts地图给不同区域设置不同颜色,动态改变地图颜色
(地图组件中监听数据变化)原创 2023-07-21 16:42:41 · 7670 阅读 · 2 评论 -
echarts地图-根据数值标识区域颜色(密度图)
【代码】echarts地图-根据数值标识区域颜色(密度图)原创 2023-07-21 16:30:23 · 607 阅读 · 0 评论 -
echarts多条折线拐点处数值及样式设置
效果图echarts的option中对应的seriesseries: [ { name: 'Email', type: 'line', itemStyle : { normal: { label : { show: true, // 是否展示数值 position: 'bottom', // 数值展示位置 color: 'blue' // 数字的颜色原创 2022-02-17 16:09:40 · 911 阅读 · 0 评论 -
echarts-柱状图,纵向多柱一组
效果图思路:以此图为例,有两个维度的top10, 第一组分别是两个维度的top1,第二组分别是两个维度的top2// 图表数据 const series0 = [{ name: '温度传感器', value: 200 }, { name: '设备二', value: 300 }, { name: '设备三', value: 400 }, { name: '设备四', value: 300 }, { name: '设备五', value: 250 }] const series原创 2022-01-11 11:53:37 · 1853 阅读 · 0 评论 -
echarts双轴图-年龄分布
安装插件npm install element-resize-detector公共方法,图标自适应窗口大小import elementResizeDetectorMaker from "element-resize-detector";drawLine(id, option) { const erd = elementResizeDetectorMaker(); let myChart = echarts.init(document.getElementById(id)); .原创 2021-11-03 10:37:11 · 1400 阅读 · 0 评论 -
vue中使用echarts实现双轴图
vue中使用echarts实现双轴图效果图echarts自适应方法安装插件npm install element-resize-detector公共方法drawLine(id, option) { const erd = elementResizeDetectorMaker(); let myChart = echarts.init(document.getElementById(id)); // 绘制图表配置 // 窗口大小自适应方案 myChar原创 2021-07-06 14:43:59 · 754 阅读 · 3 评论