highchars隐藏x,y轴及刻度线

最新推荐文章于 2023-11-15 17:48:27 发布

原创最新推荐文章于 2023-11-15 17:48:27 发布 · 4k 阅读

0 ·

CC 4.0 BY-SA版权

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

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',
        }
    }
},