随笔分类 - echarts
摘要：饼图组件 pie.vue <template> <div class="pie" :style="{height:height,width:width}"> </div> </template> <script> import { mapState } from 'vuex' // import e
阅读全文
摘要：转载来源：https://efe.baidu.com/blog/echarts-map-tutorial ECharts 作为国内应用最广泛的前端可视化生成工具，提供了丰富的图表展现方式和便捷的图表操作。 ECharts 支持 geoJson 格式的地图，并且官网上提供了现成的 world，chin
阅读全文
摘要：下载地址：http://datav.aliyun.com/tools/atlas/#&lat=21.301500289031342&lng=115.44409418670693&zoom=6.5 js 代码： 1. static文件夹存放地图json文件 2. 接口get请求，引入本地资源 // 获
阅读全文
摘要：未使用formatter，不使用formatter的情况下label重叠主要是没有设置第一步：调整文字的显示大小，字越小就越不会重叠 第二步：设置最小扇区角度，minAngle（最小的扇区角度（0 ~ 360），用于防止某个值过小导致扇区太小影响交互） 第三步：avoidLabelOverlap（是
阅读全文
摘要：myChart.setOption(option,true） 1. 问题：echart地图三级下钻地图在平移和缩放后，点击到省，由于中心点的偏移，省跑到容器以外的地方去了，导致新生成的地图看不见。 2. 解决方法：后来发现，是重新绘制图表的时候需要： myChart.setOption(option
阅读全文
摘要：echarts中国地图例子：http://gallery.echartsjs.com/editor.html?c=effectScatter-map var data = [{ name: '郑州', value: 100 //扩散的大小 }, { name: '北京', value: 100 },
阅读全文
摘要：//触发图表行为（更改变图表显示的相关动态），例如图例开关legendToggleSelect, 数据区域缩放dataZoom，显示提示框showTip等等 //通过不同的type触发不同的行为 myChart.dispatchAction({ type: 'highlight', //高亮指定的数
阅读全文
摘要：原文 话不多说，先上效果图。 要完成这个图并不难，主要是下面那个图例比较难，需要定制。 让我们从官方文档找找思路，官方文档关于legend.formatter是这样的：链接在这 难点在于： 1 2 3 1.这里的图例文本包含两个变量，而formatter提供的变量模板只有name 2.两个变量的样式
阅读全文
摘要：vue中使用echarts npm install echarts import echarts from 'echarts'; Vue.prototype.$echarts = echarts; //使用 this.echarts = this.$echarts.init(document.que
阅读全文
