echarts可视化图表工具,在程序开发经常来做数据分析,网上很多提问到y轴间距问题,现在来建立一个简单的图表,并为y轴设置间距。
工具/原料
eclipse
方法/步骤
1、导入echarts所需包,网上下载新建一个jsp页面,页面引入echarts.js
2、在页面的body上建立一个div设置id和宽高设置,作为图表容器
3、设置好了框架就来做图表的js,螅岔出礤在页面body标签下加入<scripttype="text/javascript">标签,并在里面初始化echar墉掠载牿tsvarmyChart=echarts.init(document.getElementById('main'));这里的main就是前面div的id,可以自行更改
4、接下来设置option方法,并将option豹肉钕舞设置设置到初始化容器,其中yAxis里面的splitNumber就是设置y轴两点间距的方法
5、来看看效果
6、完成,大家可以动动手改改里面的参数