1、问题背景
统一一周内植树的数量,利用柱状图来实现
2、实现源码
(1)X轴从零刻度开始
echarts-X轴不从0刻度开始body,html{
width: 99%;
height: 99%;
font-family: "微软雅黑";
font-size: 12px;
}
#bar{
width: 100%;
height: 100%;
}
$(function(){
var chart = document.getElementById('bar');
var echart = echarts.init(chart);
var option = {
title: {
text: ''
},
tooltip: {
trigger: 'axis'
},
legend: {
data:['植树数量']
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
}

本文介绍了如何使用ECharts调整X轴的起始刻度。通过设置`xAxis.boundaryGap`属性,可以控制X轴是否从0刻度开始。当`boundaryGap`为`false`时,X轴从0开始;为`true`时,则会从非0刻度开始。以一周内植树数量的柱状图为例,展示了两种不同设置下的展示效果。
最低0.47元/天 解锁文章
8万+

被折叠的 条评论
为什么被折叠?



