首页 > 软件开发 > HTML >

echarts如何去掉刻度线

来源:互联网 2023-03-16 19:18:56 266

在使用echarts制作图表时,会遇到去掉x轴和y轴的刻度线的需求。下面小编给大家讲一下echarts如何去掉刻度线fUq办公区 - 实用经验教程分享!

echarts如何去掉刻度线fUq办公区 - 实用经验教程分享!

工具/原料

  • 代码编辑器(本文用的HBuilder)
  • html
  • echarts.min.js

方法/步骤

  • 1

    在编辑器中新建一个test.html,用来学习今天的内容fUq办公区 - 实用经验教程分享!

    echarts如何去掉刻度线fUq办公区 - 实用经验教程分享!

  • 2

    在test.html头部引入echarts.min.js。在body标签内定义一个div作为图表的容器fUq办公区 - 实用经验教程分享!

    echarts如何去掉刻度线fUq办公区 - 实用经验教程分享!

  • 3

    在js中加入柱状图初始化相关代码fUq办公区 - 实用经验教程分享!

    echarts如何去掉刻度线fUq办公区 - 实用经验教程分享!

  • 4

    在浏览器中打开test.html页面,会发现x轴和y轴上有刻度线fUq办公区 - 实用经验教程分享!

    echarts如何去掉刻度线fUq办公区 - 实用经验教程分享!

  • 4本页面未经授权抓取自百度经验
  • 5

    回到test.html,在xAxis和yAxis分别加上axisTick,并将axisTick下的show值写成falsefUq办公区 - 实用经验教程分享!

    echarts如何去掉刻度线fUq办公区 - 实用经验教程分享!

  • 6

    再次在浏览器中打开test.html页面,会发现x轴和y轴上的刻度线已经消失fUq办公区 - 实用经验教程分享!

    echarts如何去掉刻度线fUq办公区 - 实用经验教程分享!

  • 注意事项

    • div必须设置大小

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!fUq办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码