echart两组柱状图对比时，不同类型根据各类型的最大值为基准进行展示
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
理想效果如下图：
实现代码：
option = { grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, xAxis: { type: 'log',//这是重点 }, yAxis: { type: 'category', data: ['巴西','印尼','美国','印度','中国','世界人口(万)'] }, series: [ { name: '2011年', type: 'bar', barGap: '30%',//设置不重叠 当值为-100%时重叠 data: [183, 49, 034, 9710, 44, 30] }, { name: '2012年', type: 'bar', data: [125, 8, 310, 914, 141, 107] } ]
பைடு நூலகம்};
因为数据太小箭头的地方展示不出来这时的两组对比数据是根据一个最大值为基准进行渲染的
echart两 组 柱 状 图 对 比 时 ， 不 同 类 型 根 据 各 类 型 的 最 大 值 为 基 准 进行展示
项目中遇到的问题：因为数据太小，箭头的地方展示不出来，这时的两组对比数据是根据一个最大值为基准进行渲染的。但我们想实现不同 类型的对比根据不同的基准值渲染。
实现代码：
option = { grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, xAxis: { type: 'log',//这是重点 }, yAxis: { type: 'category', data: ['巴西','印尼','美国','印度','中国','世界人口(万)'] }, series: [ { name: '2011年', type: 'bar', barGap: '30%',//设置不重叠 当值为-100%时重叠 data: [183, 49, 034, 9710, 44, 30] }, { name: '2012年', type: 'bar', data: [125, 8, 310, 914, 141, 107] } ]
பைடு நூலகம்};
因为数据太小箭头的地方展示不出来这时的两组对比数据是根据一个最大值为基准进行渲染的
echart两 组 柱 状 图 对 比 时 ， 不 同 类 型 根 据 各 类 型 的 最 大 值 为 基 准 进行展示
项目中遇到的问题：因为数据太小，箭头的地方展示不出来，这时的两组对比数据是根据一个最大值为基准进行渲染的。但我们想实现不同 类型的对比根据不同的基准值渲染。