highchars隐藏x,y轴及刻度线

楚念悠

于 2018-06-28 15:55:21 发布

阅读量3.9k

点赞数

本文链接：https://blog.csdn.net/jpjp2020/article/details/80844599

版权

本文介绍了如何使用Highcharts配置项隐藏图表的x轴和y轴的线及刻度。在y轴设置中，通过将gridLineWidth设为0来隐藏刻度线，同时将title和labels的enabled设为false去除标题和标签显示。对于x轴，通过设置lineWidth和tickWidth为0来移除轴线和刻度，保留了分类标签并调整了颜色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

yAxis: {
    min: 0,
    max: 100,
    gridLineWidth: 0, //隐藏y轴刻度线
    title: {
        text: ''
    },
    labels: {
        enabled: false
    }
},

xAxis: {
    lineWidth: 0,  //去掉x轴线
    tickWidth: 0,   //去掉刻度
    categories: ['1号', '2号', '3号', '4号', '5号', '6号', '7号', '8号', '9号'],
    labels: {
        style: {
            color: '#444444',
        }
    }
},