如何建立echarts图表并 为设置Y轴间距方法

 时间:2026-04-25 02:06:30

1、导入echarts所需包,网上下载

新建一个jsp页面,页面引入

echarts.js

2、在页面的body上建立一个div 设置id和宽高设置,作为图表容器

如何建立echarts图表并 为设置Y轴间距方法

3、设置好了框架就来做图表的js,在页面body标签下加入<script type="text/javascript">标签,并在里面初始化echarts

var myChart=echarts.init(document.getElementById('main')); 这里的main就是前面div的id,可以自行更改

4、接下来设置option方法,并将option设置设置到初始化容器,其中yAxis里面的splitNumber就是设置y轴两点间距的方法

如何建立echarts图表并 为设置Y轴间距方法

5、来看看效果

如何建立echarts图表并 为设置Y轴间距方法

6、完成,大家可以动动手改改里面的参数

  • echarts如何设置图表内容的高度
  • 鼠标放在div上延迟改变宽度效果
  • 在VScode中如何设置水平滚动条自动可见
  • 前端编程-用浏览器自带的取色功能快速拾取颜色
  • setattribute用法
  • 热门搜索
    天津塘沽旅游景点 螺髻山旅游攻略 永泰云顶旅游攻略 海外旅游网 冬天哈尔滨旅游攻略 吐鲁番旅游景点大全 春节去哪里旅游最好 山东临沂旅游景点大全 西沙群岛旅游报价 山海天旅游度假区