
echarts
大个个个个个儿
少吃一点,减减肥,更漂亮。
多读点书,动动脑,更聪明。
展开
-
vue-echarts 动态x轴字段,可选多个公司数据,根据选择的条件动态生成echarts柱形图(或者折线图)
月份、 公司 、显示字段、柱形图(折线图),都为动态可选的。(此例子:模拟数据都为随机数,所以每次截图值都会不同)(Vue3 + echarts 5.4.2版本)原创 2024-11-12 16:57:19 · 473 阅读 · 0 评论 -
React 学习——react项目中加入echarts图
react项目中加入echarts图原创 2024-08-09 15:25:31 · 496 阅读 · 0 评论 -
echarts 5.5.0版本下的层叠柱形图,每个值都从0开始,会有覆盖情况
1、每个公司,需要两个柱子去展示(stack: '1'是第一个柱子,stack:'2',是第二个柱子);2、必须每个数据都是从0开始,不在上一个值上累加;3、鼠标滑上去的时候,最大值的柱子,会全部显示出来,滑走就恢复显示其他值;4、echarts 版本必须是 5.3.3 以上的,低版本不支持这个效果5、鼠标滑上去的时候,当前公司的所有值都会有提示,并且和其他公司同类型值有突出显示原创 2024-06-26 15:29:39 · 672 阅读 · 0 评论 -
echarts 柱形图 Y轴数据多,鼠标滚动显示数据,不缩放
坐标轴数据太多,只能滚动显示,滚动的时候,不想缩放,单纯平移就好。原创 2023-06-29 11:00:44 · 4191 阅读 · 0 评论 -
echarts 正负条形图将x轴都设置成正数
需求:想要一个男女对比的echarts图,都是正数显示;<script>option = { tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器,坐标轴触发有效 type: 'shadow' // 默认为直线,可选为:'line' | 'shadow' }, formatter: (para.原创 2021-04-13 09:43:59 · 1410 阅读 · 2 评论 -
echarts 折线图——双折线图(多条折线也可以)
option = { tooltip : { trigger : 'axis', formatter: '{b0}<br/>{a0}: {c0}万元<br />{a1}: {c1}万元', //指示器 axisPointer : { type : 'line', ...原创 2020-12-23 11:47:13 · 9610 阅读 · 0 评论