echarts
PXY_J
这个作者很懒,什么都没留下…
展开
-
vue3中使用echarts
vue3中使用echarts原创 2024-01-30 11:39:31 · 447 阅读 · 0 评论 -
echarts出现宽度变成100px的解决办法
解决echarts宽度出现100px的问题原创 2023-02-07 15:34:42 · 582 阅读 · 0 评论 -
echarts中设置横向柱状图及其每个柱子设置不同颜色
效果如图代码如下var colors =["#73C0DE","#EE6666","#FAC858","#91CC75"];var dataVal = [120, 200, 150, 80]var option = { xAxis: { type: 'value', // 设置X轴为值轴 splitLine: { show: false // 设置X轴方向的辅助线是否显示 }, }, yAxis: { type: 'category', /原创 2022-04-22 11:26:35 · 3193 阅读 · 0 评论 -
html页面中实现echarts的水波纹效果
先上效果如图api地址: https://github.com/ecomfe/echarts-liquidfill#api第一、引入所需的js<script src="./dist/echarts/echarts.js"></script><script src="./dist/echarts/echarts-liquidfill.min.js"></script>备注—js资源如下:1、echarts.js 资源: https://regi原创 2022-04-21 16:01:44 · 916 阅读 · 0 评论 -
echarts中半圆的环形进度图形
echarts中半圆的环形进度图形原创 2022-03-14 16:12:57 · 2611 阅读 · 0 评论 -
ECharts3D环型图,设置某一部分弧度的高度
首先根据网上提供的形成3d环形图,在此基础上设置某一区域的高度1、线上效果图,bb红色数字不是最大的但是想设置为最高2、设置的方法:总思路:getParametricEquation方法中多传入一个对象(每个数据对象),根据名称判断,想让其高度变高的,让高度乘以的倍数变大些,对应的高度就会高(1)、在getParametricEquation方法中多传入一个对象(每个数据对象)mm(2)、在getParametricEquation方法中,根据对象的名称来让其高度放大的倍数不同(3)、注意原创 2021-09-14 10:06:33 · 2457 阅读 · 2 评论 -
echarts中折线标识、线条渐变、虚线设置、双条折线数据个数不同报错问题解决
先上整体效果图:1、虚线+折线渐变、折线两端透明度设置如下代码如下://去年虚折线代码//虚线+折线渐变、折线两端透明度设置 代码如下:series: [ { name: "去年", type: "line", symbol: "circle", // 默认是空心圆(中间是白色的),改成实心圆 showAllSymbol: true, symbolSize: 0, smooth: true, lineSt原创 2021-08-31 14:00:58 · 1970 阅读 · 0 评论 -
用js动态设置echarts的宽和高
echarts动态改变图的宽高效果如下图:在zdyzszmnBottomChart 图标的盒子发生改变时,动态改变echarts的宽度// 设置宽度const zdyzszmnBottomChart = echarts.init(document.getElementById('ZdyzszmnBottomChart'));// 重新设置echarts的宽度$('#ZdyzszmnBottomChart div').width('100%') let mqWid = $('#Zdyzsz原创 2021-08-02 17:51:48 · 1187 阅读 · 0 评论