526互联

highchart 柱状图不要x轴，y轴，图例只要保留图

发布时间 2023-04-27 10:21:51作者: 幽冥狂_七

光秃秃的柱状图

前几天有个需要，做个迷你小柱状图，不要x轴、y轴、图例等等

就一个光秃秃的柱状图，就是这个样子（随手截图画的，将就看吧），直接上代码。

 

let report={
             chart: {
                type: 'column'
            },
            title: {
                text: ''
            },
            colors,
            tooltip: {
                formatter: function() {
                    return this.x + '<br>' + numberFormatter('N1',this.y);
                }
            },
            legend: {
                enabled:false
            },
            xAxis: {
                categories: categories,
                lineWidth :0,//去掉x轴线
                labels: { 
                    enabled:false
                },
            },
            yAxis: {
                visible: false,
            },
            plotOptions: {
                column: {  //让柱状图充满x轴
                    pointPadding: 0, 
                    borderWidth: 1,
                    groupPadding: 0,
                    shadow: false
                }
            },
            series: series
        };