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

光秃秃的柱状图

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

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

 

 ChartData(series,colors,categories){
        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
        };
        
      return report;
    }

 

 x轴,y轴 数据需要自己配置。

设置图表四周的空白属性。

 

posted @ 2023-04-27 10:20  幽冥狂_七  阅读(49)  评论(0编辑  收藏  举报