echarts
文章平均质量分 55
杨同学*
你好,我是杨同学。
展开
-
【vue+echarts】绘制中国地图,3D地图,省、市、县三级下钻以及回钻,南海诸岛小窗化显示,点位飞线图,点位名称弹窗轮播展示,及一些常见问题
绘制中国地图,3D地图,省、市、县三级下钻以及回钻,南海诸岛小窗化显示,点位飞线图,点位名称弹窗轮播展示,及一些常见问题原创 2024-05-06 09:18:08 · 7790 阅读 · 24 评论 -
Echarts制作不规则刻度的仪表盘图表,自定义仪表盘刻度值
option = {series: [min: 0,max: 100, // 最大值// value打印出来是按十等分平均分配的值,打印出来就是0,10,20,30,.....90,100// 配合最大值使用,max*0.9 总共十等分,0.9就是前9份// 前9个刻度, 平分min-max所有的值,保留两位小数} else {// 后1个刻度, 原始value是100,我这里直接返回无穷了return '∞';},原创 2024-01-30 17:29:14 · 2848 阅读 · 2 评论 -
【vue + echarts】图表自适应缩放(跟随浏览器的窗口缩放,项目侧边栏折叠后的窗口缩放),图表重绘
图表自适应缩放(跟随浏览器的窗口缩放,项目侧边栏折叠后的窗口缩放),图表重绘原创 2022-11-28 09:00:00 · 3817 阅读 · 1 评论 -
echarts使用饼图之自定义饼图图例的排列方式,水平,垂直,两端排列
1,引入饼图这一步大多数应该都会,官网有例子,直接cv就可以用,简单提一下吧到这为止,图表就可以正常显示了,下面开始自定义图例的排列方式1.水平顶部(底部)排列top: 0bottom: 02,垂直左右排列垂直属性: orient: ‘vertical’,left: 0right: 03,两端排列顶部一半,底部一半左边一半,右边一半4,图例后面拼接占比百分比每个图例后面拼接该部分占整体的百分比1,上下左右排列+占比百分比2.两端排列+占比百分比记录一下原创 2022-07-05 15:08:23 · 13843 阅读 · 2 评论 -
There is a chart instance already initialized on the dom
There is a chart instance already initialized on the dom翻译一下就是dom上已初始化一个图表实例,大概就是条件查询的时候重复初始化echarts图表了解决方法:单个图表使用:多个图表使用:在循环里面加就可以了,都差不多ok就是这样,📢没了,结束了,是不是很简单呐,如有错误,欢迎留言.如有问题,不吝赐教。📢如果此篇博文对您有帮助,还请动动小手点赞 👍 收藏 ⭐留言 📝呐~,谢谢 ~ ~...原创 2022-06-24 16:16:29 · 2594 阅读 · 1 评论 -
echarts折线图一条线展示多个数据,tooltip中显示多个数据,鼠标移入图表tooltip展示多个数据.
效果图:实现方法:methods:{ updateEcharts(params){ searchEcharts(params).then(data => { let dataObj = data.data.result; let dataTimes = []; dataObj.map(v =>{ dataTimes.push(v.createDt); let keymap = {m.原创 2022-04-08 10:16:30 · 5330 阅读 · 3 评论 -
vue+echarts实现3d地图——引入3d地图,加点,加点击事件
先看效果图:1,获取相当于的json文件,推荐一个获取各个市县的json文件地址点击前往将下载好的josn文件重命名,简短点.一共就三个文件第一个就是json文件,第二个是myMap.js(function(root, factory) { if (typeof define === 'function' && define.amd) { // AMD. Register as an anonymous module. define(['exports',.原创 2022-03-10 15:30:54 · 12400 阅读 · 20 评论 -
【echarts】的右上角工具栏点击restore恢复按钮图表空白问题
"export 'default' (imported as 'echarts') was not found in 'echarts'* echarts/lib/label/labelStyle in ./node_modules/_echarts-gl@2.0.8@echarts-gl/lib/component/common/LabelsBuilder.js, ./node_modules/_echarts-gl@2.0.8@echarts-gl/lib/component/grid3D/Grid3原创 2022-02-28 09:37:06 · 4127 阅读 · 12 评论 -
symbolType.indexOf is not a function
这个报错是上篇文章里面的,首页看看你的数组里面的数据格式没猜错肯定是第一种,字符串格式吧。是需要转成Number格式才能正常显示的字符串数组转数字数组:arr.map(Number)????没了,结束了,是不是很简单呐,如有问题,欢迎留言。????如果此篇博文对您有帮助,还请动动小手点赞 ???? 收藏 ⭐留言 ????呐~,谢谢 ~ ~...原创 2021-12-29 17:23:35 · 1776 阅读 · 6 评论 -
Echarts折线图多个图表的警戒线设置,超出标红显示、警戒线标签的样式
效果图:项目需求:在警戒线之内的线段显示正常颜色,低于警戒线或者高于警戒线的线段显示红色。1,警戒线。其实就是markLine属性。series: [{ markLine:{ data:[ { yAxis:100, label:{ padding: [0, 0, 0, -75], position: "end", formatter:(e)=>{ re.原创 2021-12-29 17:15:09 · 7031 阅读 · 6 评论 -
Echarts图表根据浏览器窗口缩放进行动态缩放,多个echarts同时缩放
更改之前的效果图:更改之前浏览器窗口放大缩小图表都不会进行动态的缩放,更改之后的效果图:更改之后图表就会根据浏览器窗口大小实时监听进行缩放代码: topChart.setOption({ series: [ {name: '最大值',type: 'line',stack: '最大值',data: dataMax}, {name: '最小值',type: 'line',stack: '最小值',data: data原创 2021-09-21 11:35:39 · 3566 阅读 · 4 评论