随笔分类 - echarts
发表于 2022-07-28 17:14阅读：1053评论：3推荐：1
摘要：1.下载echarts.js放到static目录 npm i echarts@3.6.2 --save // 使用版本一定要注意，这里3.6.2是测试过没问题的版本，高版本点击事件会报错 然后将js文件放到对应目录 2.创建组件，这里直接贴代码，map.vue： <template> <view i
阅读全文 »
发表于 2022-07-25 17:04阅读：3840评论：0推荐：0
摘要：主要是应用geo这个属性： export const baseOption = ({ areaStr, scatterDara, zoom = 1.6, layoutSize = '80%', aspectScale = 0.8, layoutCenterOne = 55, layoutCenter
阅读全文 »
发表于 2021-11-12 16:57阅读：525评论：0推荐：0
摘要：echarts 5.0 之后移除了包内的Map文件夹，导致需要你自己去搞Json数据。 当你拿到你需要的Json数据之后，如下代码就可以看到地图： import * as echarts from "echarts"; import china from "@/config/map/json/chi
阅读全文 »
发表于 2021-11-12 16:48阅读：1323评论：0推荐：0
摘要：1.要注意的重点是需要在option的series中设置一个额外的图数据：标红代码就是用来高亮的series。 const option2 = { series: [ { type: "pie", radius: "65%", }, { type: "pie", radius: "65%", lab
阅读全文 »
发表于 2021-11-10 11:35阅读：81评论：0推荐：0
摘要：import * as echarts from "echarts"; // echarts 5.0 itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ { offset: 0, color: '#83bff6'
阅读全文 »
发表于 2021-10-15 17:13阅读：908评论：0推荐：0
摘要：series: [ { type: "bar", barWidth: "40%", stack: "total", itemStyle: { barBorderRadius: [0, 0, 8, 8], // 重点 }, data: [], }, ] 官方文档：borderRadius不起作用，经过
阅读全文 »
发表于 2021-10-15 13:57阅读：727评论：0推荐：0
摘要：const colorList = [[ '#ff7f50', '#87cefa', '#da70d6', '#32cd32', '#6495ed', '#ff69b4', '#ba55d3', '#cd5c5c', '#ffa500', '#40e0d0', '#1e90ff', '#ff6347
阅读全文 »
发表于 2021-10-14 17:02阅读：260评论：0推荐：0
摘要：直接上代码，复制粘贴就能用！！ cylinder.vue <template> <div class="lui-column-bg"> <div class="lui-inner" :class="colorCLass" :style="{ height: height + '%' }"></div
阅读全文 »
发表于 2021-10-14 16:59阅读：1059评论：0推荐：0
摘要：这里只有option配置： option: { legend: { right: "10%", top: "3%", data: ["金葵花以上", "手机APP"], }, grid: { left: "8%", top: "15%", }, xAxis: { splitLine: { lineS
阅读全文 »
发表于 2021-10-14 16:51阅读：1634评论：0推荐：0
摘要：我这里只有干货，直接拿来用。 1.下载 "echarts": "^4.9.0", "echarts-liquidfill": "^2.0.6", 这个版本对应可以用 npm i echarts echarts-liquidfill 2.引入 echart.vue import * as echart
阅读全文 »
发表于 2021-04-21 09:56阅读：508评论：0推荐：0
摘要：formatter: function (value) { let ret = "";// 拼接加\n返回的类目项 let maxLength = 4;// 每项显示文字个数 let valLength = value.length;// X轴类目项的文字个数 let rowN = Math.cei
阅读全文 »
发表于 2020-12-09 15:58阅读：799评论：0推荐：0
摘要：1. 下载bigemap（我使用的是离线版）,该软件可以选择到县级以及更下面的地方，然后导出kml文件。 2. 到geojson.io这个网址，依次将你的kml文件拖到里面（直接拖进去就可以）。 3. 点击下图导出即可，然后你将里面的数据保存到一个json文件就可以使用了。 echarts.regi
阅读全文 »
