从入门到如土

摘要： 效果图 echarts原有的dataview样式粗暴，且行列无法对齐，在网上搜索修改样式的方法，发现修改以后会出现无法编辑的情况，或者编辑以后数据出错。 查阅官方文档，发现有这么一句 所以，想要实现自定义dataview，又要实现编辑功能，就需要用到 contentToOption 这个函数。 官方 阅读全文

摘要： /*demo1*/ function create_variable(num){ var name = "test_"+num; //生成变量名 window[name] = 100; window['name'] = 200; //注意看中括号里的内容加引号和不加引号的区别 } create_va 阅读全文

摘要： alert(document.getElementsByClassName('changeImg')[0].getBoundingClientRect().top + ',' + document.getElementsByClassName('changeImg')[0].getBoundingC 阅读全文

摘要： 创建一个单独的js文件，用于启动node服务。 npm install express安装依赖 npm install express app.js文件 const express = require("express"); const bodyParser = require("body-pars 阅读全文

摘要： 根目录的package.json文件中可以查看已安装的echarts版本，在dependencies中 当前安装echarts4.1.0和5.2.2两个版本，分别为两种命名，在引用时分别引用 引用不同版本图表也会有差异，常见在5版本中没有china.js,不能正常使用中国地图，在4和5版本中词云图的 阅读全文

摘要： echarts5.0以下的版本使用1.0的词云 默认安装是2.0 解决办法 npm install echarts-wordcloud@1 如果使用的是5.0以上版本可以把1改回2装回原来版本 阅读全文

摘要： 完整代码 <template> <div class="animated fadeIn" style="background-color: white"> <Row> <div ref="chinaMap" id="chinaMap"></div> </Row> </div> </template> 阅读全文

摘要： grid grid:{ top:70,//表示组件距离容器顶部的距离，单位为px left:70,//表示组件距离容器左侧边距的距离 right:50//表示组件距离容器右侧边距的距离 }, 官方文档如下：left等同理。 grid.top string, number [ default: 60 阅读全文

摘要： 当我们在封装了echarts组件之后，需要在同一个页面中引入多次时，会出现数据覆盖等一系列问题当时我是修改了id也无济于事，达不到我需要的效果解决方案其实很简单，修改一点就好了，将我们封装的组件中的id选择器删掉，换成ref，下面是组件修改部分 <template> <div> <div class 阅读全文

摘要： chart.setOption({ ... series: [{ type: 'wordCloud', /* 绘制词云的形状, 值为回调函数 或 关键字, 默认 circle 关键字: circle 圆形 cardioid 心形 diamond 菱形 正方形 triangle-forward, tr 阅读全文