![](https://img-blog.csdnimg.cn/03ca1729ef434dbba3e25f3b9e2a977b.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
ECharts
优雅的渲染数据
Point酱
立志写优雅的代码
展开
-
【ECharts】双柱状图重叠版
效果图主要代码片段不重叠的关键是设置 barGap: '-100%'同时利用透明色进行占为,即可实现上面的效果。series: [ { name: 'Placeholder', type: 'bar', stack: 'Total', itemStyle: { borderColor: 'transparent', color: 'transparent' }, emphasis: { item..原创 2022-05-31 09:52:13 · 1310 阅读 · 0 评论 -
【echarts】markPoint 按条件进行显示
需求:根据条件,在柱状图上进行标记我们选用markPoint来实现,主要思路就是自定义markPoint里面的数据,根据条件去塞选并赋值。相关代码👇 this.TaScoreList.map((item, index) => { this.MyScoreList.map((ll, index1) => { if (item >= 6.5 && item - ll >= 1 && index ===..原创 2022-05-12 16:40:34 · 2717 阅读 · 4 评论 -
【echarts】多个柱状图渐变色
实现效果:👇第一种办法:itemStyle: { normal: { //柱体的颜色 //右,下,左,上(1,0,0,0)表示从正右开始向左渐变 color: function (params) { console.log(params); var colorList原创 2022-05-11 15:16:13 · 1102 阅读 · 0 评论 -
【echarts】散点图写九宫格
散点图写九宫格原创 2022-02-28 17:20:14 · 1209 阅读 · 0 评论 -
【已实现】纯前端导出带echarts的word文档,内附完整实现代码
主要利用docxtemplater实现.原创 2021-12-27 15:35:54 · 2140 阅读 · 10 评论 -
【echarts】怒写一周ECharts项目后的总结
echarts经验总结原创 2021-11-25 09:34:42 · 344 阅读 · 0 评论 -
【已解决】vue下载PDF,echarts图模糊问题
let myChart = this.$echarts.init(this.$refs["preMyChart"], null, { renderer: "svg", });需要设置成“svg”just so so原创 2021-11-30 09:17:57 · 543 阅读 · 0 评论