随笔分类 -  echarts

图标
摘要:var dataAll = [ [ [10.0, 8.04], [8.0, 6.95], [13.0, 7.58], [9.0, 8.81], [11.0, 8.33], [14.0, 9.96], [6.0, 7.24], [4.0, 4.26], [12.0, 10.84], [7.0, 4.8 阅读全文
posted @ 2020-09-21 17:15 辛夷不改年年色 阅读(440) 评论(0) 推荐(0) 编辑
摘要:需求: 如图所示。不同颜色代表不同水位数据。当前水位达到多少红色框覆盖到哪里。 逻辑就是利用echarts的PictorialBar,在每一个柱状图内添加图片作为背景,然后设置柱状图柱子颜色和透明度。 这个比官网教程详细例子更多:https://www.w3cschool.cn/echarts_tu 阅读全文
posted @ 2020-03-26 15:38 辛夷不改年年色 阅读(6478) 评论(0) 推荐(1) 编辑
摘要:效果图: const myshape={ x: 0, y: 0, width: 20, //柱宽 zWidth: 10, //阴影折角宽 zHeight: 8 //阴影折角高};const color = ['rgb(112,173,71)','#47ad7e', 'rgb(255,255,0)', 阅读全文
posted @ 2020-03-26 15:36 辛夷不改年年色 阅读(1765) 评论(3) 推荐(1) 编辑
摘要:成品图: 先上一个连接,解释一下:https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-znms2i2b.html 完整代码: var MyCubeRect = echarts.graphic.extendShape({ shape: 阅读全文
posted @ 2020-03-26 15:33 辛夷不改年年色 阅读(6198) 评论(6) 推荐(3) 编辑

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