08 2021 档案

echarts 数据区域可放大缩小层叠渐变折线图，柱状图
摘要：层叠渐变折线图，层叠柱状图，数据区域可放大缩小 const colors = ['#58CFFF', '#45A6D2', '#ffff', '#56D6ED', '#032044']; option = { color: colors, title: { // text: '能耗监测数据趋势图', 阅读全文
posted @ 2021-08-16 10:43 骄傲一点才可爱 阅读(1429) 评论(0) 推荐(0) 编辑
echarts 通过echarts实现圆环进度条
摘要：var e = 60; option = { title: { show: true, text: e + "%", x: "center", y: "center",// 通过x,y将标题(进度)定位在圆环中心 textStyle: { fontSize: "25", color: "white" 阅读全文
posted @ 2021-08-13 16:03 骄傲一点才可爱 阅读(4642) 评论(0) 推荐(0) 编辑
echarts 饼图图例形状及位置
摘要：echarts 饼图图例形状及位置 option = { title : { text: '图例形状及位置', subtext: '', x:'center' }, tooltip : { trigger: 'item', formatter: "{a} <br/>{b} : {c} ({d}%)" 阅读全文
posted @ 2021-08-13 15:57 骄傲一点才可爱 阅读(4788) 评论(0) 推荐(0) 编辑
echarts 饼图环形图图例位置
摘要：option = { title: { text: '', textStyle: { color: '#17F0E3', }, }, tooltip: { trigger: 'item', formatter: function (params) { return `${params.name}${ 阅读全文
posted @ 2021-08-13 15:44 骄傲一点才可爱 阅读(1628) 评论(0) 推荐(0) 编辑
echarts 多层环形图配置
摘要：echarts 多层环形图配置 var BorderWidth = '6'; //反方向剩下部分的样式 var placeHolderStyle = { normal: { label: { show: false, position: "center" }, labelLine: { show: 阅读全文
posted @ 2021-08-13 15:39 骄傲一点才可爱 阅读(2393) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示