百度echart统计表怎么让横轴全部显示

 时间:2024-10-25 22:29:44

1、第一步我们在浏览器打开用echarts画的统计表的时候,数量多了的话,如13个以上,横轴没有全部显示出来,出现了隔列显示,如下图所示:

百度echart统计表怎么让横轴全部显示

2、第二步下面来写一个数量多的横轴全部显示的echarts统计表,打开编程软件,新建一个html文件和引入echarts.js文件,如下图所示:

百度echart统计表怎么让横轴全部显示

3、第三步在新建的html文件head里面引入echarts.js,body里面为echarts图表准备一个具备大小的div,id为main,如下图所示:

百度echart统计表怎么让横轴全部显示

4、第四步通过echarts.init()方法来初始化echarts实例,然后echarts图表的配置项和数据,如下图所示:

百度echart统计表怎么让横轴全部显示

5、第五步如果在横轴的数量多的话,echarts图表显示不全需要在xAxis属性下面添加 axisLabel:{ interval: 0}代码,注意和data数据“,”隔开,如下图所示:

百度echart统计表怎么让横轴全部显示

6、第六步我们在浏览器中打开echarts图表,可以看到横轴已经全部显示出来了,如果宽度不够,可以调整div的宽度,如下图所示:

百度echart统计表怎么让横轴全部显示
  • 如何利用VBA代码给图表添加数据标签
  • ExcelVBA教程:自动生成柱状图
  • EXCEL中如何进行反向查询
  • 如何利用VBA代码将编号设置为统一格式
  • 如何进行模糊求和
  • 热门搜索
    怎么取消打印 帅t发型 韩国男士发型 生死狙击怎么刷金币 企业隶属关系怎么填 怎么消灭蟑螂 感冒吃什么好的快 女性宫寒怎么调理 胜利的近义词 感冒清