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 @   幽冥狂_七  阅读(53)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
历史上的今天:
2021-04-27 .net 5 webapi 跨域配置
2017-04-27 获取CheckBox的值
2017-04-27 DataSet 动态添加列
点击右上角即可分享
微信分享提示