![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echars
月光浇在石子路上
这个作者很懒,什么都没留下…
展开
-
d3气泡图(根据Echars官网代码修改)
数据扁平化处理 prepareData(rawData) { const seriesData = []; let maxDepth = 0; function eachOption(level, depth) { var arr = []; let maxDepth = 0; function refining(level, arr.原创 2022-05-13 18:13:54 · 700 阅读 · 0 评论 -
echars 多图表开发
initBarChart2 () { let yData = ['经济科学', '化学', '生物学', '物理学', '电子自控'] let barchart2 = echarts.init(this.$refs.barchart2); var color = [{ color: '#2EE67D', step: 4 }, { color: '#FFD54A', step: 5 ...原创 2022-05-10 16:20:43 · 242 阅读 · 0 评论 -
echars 地图添加引导线效果
·引入地图数据、配置基础地图 await axios.get("../../../static/json/map/yantai.json", {}).then(yantaiJson => { //获取json数据 echarts.registerMap("yantai", yantaiJson.data); //生成地图 let jsondata = yantaiJson.data.featu...原创 2022-04-25 13:44:50 · 3048 阅读 · 0 评论 -
Echars象形图、3D柱状图基本实现
象形图柱引入图片echars引入图片需要用base64转码转码地址:http://tool.chinaz.com/tools/imgtobase/转码后ctrl+A全选,把地址粘贴到“image://”之后 const spirit = "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAQEUlEQVR4Xu2df2xb1RXH73322.原创 2022-04-20 15:36:14 · 1510 阅读 · 0 评论 -
echarts vue 注册基础模板
<div class="lineChart"> <div ref="lineChart" style="width:100%; height:100%; "></div> </div> initChart() { let lineChart = echarts.init(this.$refs.lineChart); let option = {};//要引用的ech..原创 2022-04-19 14:56:08 · 697 阅读 · 0 评论