![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Echarts
小天使娜娜
90后前端妹纸,全栈开发
展开
-
Echarts绘制极坐标系下的多色柱状图
效果图:关键点1:为了显示X轴的文本,将最大值100向左偏移设置方法:设置最大值为120,最小值0,间隔25关键点2:设置柱状图的多个颜色设置方法:完整代码: let xData = ['粥', '小笼包', '八宝粥', '炸酱面'] let yData = ['28', '35', '38', '49'] my...原创 2019-04-11 17:12:37 · 7582 阅读 · 4 评论 -
Echarts图形自适应窗口大小的变化
如果引入了JQuery的话,加入以下代码即可:$(window).resize(function () {myChart.resize()})位置如下图所示:注意:在Vue项目中,为了不影响页面性能,注意在beforeDestroy生命周期内移除对resize的监听...原创 2019-04-11 17:22:01 · 2879 阅读 · 1 评论 -
echarts实现带光圈的环形图
实现效果:实现原理:图层的叠加(1)多个环形图的叠加(2)环形图和油表图的嵌套代码: let _that = this myChart = _that.$echarts.init(document.getElementById(this.pieId)) let data = [{value: 10, name: '香蕉'}, ...原创 2019-05-05 20:06:30 · 2468 阅读 · 0 评论