MISS_CJL的博客

echarts滚动图例样式设置

echart5移除了内置的 geoJSON（原先在echarts/map文件夹下）。这些 geoJSON 文件本就一直来源于第三方。如果使用者仍然需要他们，可以去从老版本中得到，或者自己寻找更合适的数据然后通过 registerMap 接口注册到 ECharts 中。在旧版本（echart5以下）中我们要画世界地图得引入：import '../node_modules/echarts/map/js/world.js'我是找到旧版依赖中的world.js文件，放到自己建的plugins文件夹..

效果图：安装echartsnpm install echarts --savemain.jsimport Vue from 'vue'import App from './App'import echarts from 'echarts'Vue.prototype.$echarts = echartsVue.use(Element)Vue.config.productionTip = falsenew Vue({ el: '#app', comp..

官网地址：https://echarts.apache.org/zh/option.html#legend.selectedecharts图表的图例是默认显示且选中的，但有时候我们需求是不选中，关键代码如下： legend: { data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎'], selected: { '邮件营销': false, '联盟广告': false

原因：在echarts图表中出现tooltip时，画布的父标签（即：echarts.init()的标签）的有时宽高都会发生变化，导致相对布局的div可能大小发生变化（画布大小却不变），导致页面闪动。解决方法 1：在该画布的父标签（即：echarts.init()的标签）外层套一个div，设置overflow:hidden；然后，设置tooltip的confine：true;(设置tooltip不超出图表)。解决方法2：tooltip: { tran...

let dataInfo = [{ name: "蔚来汽车", category: 0, // 这是种类，一级实体1二级关系2三级关系3四级关系4 symbolSize: 50, draggable: true, fixed: true, value: [0, 150]}, { name: "威马汽车", category: 0, symbolSize: 80, draggable: true, fixed: ...

yAxis: { splitLine :{ //网格线 lineStyle:{ type:'dashed' //设置网格线类型 dotted：虚线 solid:实线 }, show:true //隐藏或显示 }}...