echarts x 起始_echarts-X轴不从0刻度开始

本文介绍了如何使用ECharts调整X轴的起始刻度。通过设置`xAxis.boundaryGap`属性,可以控制X轴是否从0刻度开始。当`boundaryGap`为`false`时,X轴从0开始;为`true`时,则会从非0刻度开始。以一周内植树数量的柱状图为例,展示了两种不同设置下的展示效果。
摘要由CSDN通过智能技术生成

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: {}

}

}

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值