随笔分类 -  echarts

echarts geo-3d 地图 在使用时 点击地图 点击事件无法触发
摘要：可以使用bar3d方式曲线添加 阅读全文
posted @ 2025-02-19 15:13 暖暖De幸福 阅读(314) 评论(0) 推荐(0)
echarts-gl实现全国3d地图（1）-生成地图时缓存告警问题解决
摘要：使用geo3D 设置3D地图 ，label的show属性设置成true之后一直出现缓存警告，且无法显示省份名称在地图上：GL_INVALID_OPERATION:Insufficient buffer size 经过再网上查询排查，确定是南海海岸线的问题，南海海岸线这一条数据，name为空字串，解决 阅读全文
posted @ 2025-02-19 09:02 暖暖De幸福 阅读(142) 评论(0) 推荐(0)
echarts设置title格式 rich
摘要：title: { text: [ "{a|15%}", "{b|YIELD}" ].join("\n"), subtext: "", itemGap: 5, left: 'center', top: 'center', // 将标题放置在圆环的中间 position: 'inside', // 将标 阅读全文
posted @ 2024-12-27 15:44 暖暖De幸福 阅读(228) 评论(0) 推荐(0)
echarts 画一个南丁格尔玫瑰饼图
摘要：const datas = [ { name: '无信号', value: 5, label: { color: '#06B7FFFF' } }, { name: '正常', value: 8, label: { color: '#69D85DFF' } }, { name: '报警', value 阅读全文
posted @ 2024-11-15 15:59 暖暖De幸福 阅读(211) 评论(0) 推荐(0)
echarts 画一个自定义饼图
摘要：var chartDom = document.getElementById("chart_1"); var myChart = echarts.init(chartDom); var option; option = { tooltip: { trigger: "item", }, legend: 阅读全文
posted @ 2024-11-04 09:02 暖暖De幸福 阅读(86) 评论(0) 推荐(0)
自定义 legend 颜色
摘要：legend: [ { data: [{ name: 'Excellent', itemStyle: { color: 'rgb(147 210 243 / 50%)' } }, { name: 'Good', itemStyle: { color: 'rgb(162 239 77 / 50%)' 阅读全文
posted @ 2024-11-01 14:16 暖暖De幸福 阅读(94) 评论(0) 推荐(0)
echarts 设置饼图 指示器文字和线
摘要：var myChart = echarts.init(document.getElementById('main')); var option = { series: [ { name: '访问来源', type: 'pie', radius: '55%', data: [ {value: 235, 阅读全文
posted @ 2024-09-14 10:59 暖暖De幸福 阅读(422) 评论(0) 推荐(0)
echarts 加一个圆环图带阴影
摘要：这里面一共三个圆， 最外层是一个半透明的 var chartDomymr = document.getElementById('container-ymr'); var myChartymr = echarts.init(chartDomymr); var optionymr; var option 阅读全文
posted @ 2024-09-06 16:01 暖暖De幸福 阅读(353) 评论(0) 推荐(0)
echarts圆环图
摘要：外环的渐变是内环的阴影 var chartDom2 = document.getElementById('container-workcode2'); var myChart2 = echarts.init(chartDom2); var option2; option2 = { tooltip: 阅读全文
posted @ 2024-09-06 15:59 暖暖De幸福 阅读(103) 评论(0) 推荐(0)
echarts 堆叠面积阶梯图
摘要：option = { xAxis: { type: 'category', boundaryGap: false, data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: 阅读全文
posted @ 2024-06-13 16:30 暖暖De幸福 阅读(61) 评论(0) 推荐(0)
echarts 动态设置 数据
摘要：myChart4.off('legendselectchanged'); myChart4.on('legendselectchanged', (e) => { var selected = []; var keys = Object.keys(e.selected); for (var i = 0 阅读全文
posted @ 2023-10-16 10:21 暖暖De幸福 阅读(368) 评论(0) 推荐(0)