首页 > 其他分享 >highchart 柱状图不要x轴,y轴,图例只要保留图

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

时间:2023-04-27 10:22:16浏览次数:56  
标签:false highchart series enabled 柱状图 图例

光秃秃的柱状图

前几天有个需要,做个迷你小柱状图,不要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
        };

 

标签:false,highchart,series,enabled,柱状图,图例
From: https://www.cnblogs.com/youmingkuang/p/17358190.html

相关文章

  • #yyds干货盘点# LeetCode面试题:柱状图中最大的矩形
    1.简述:给定n个非负整数,用来表示柱状图中各个柱子的高度。每个柱子彼此相邻,且宽度为1。求在该柱状图中,能够勾勒出来的矩形的最大面积。 示例1:输入:heights=[2,1,5,6,2,3]输出:10解释:最大的矩形为图中红色区域,面积为10示例2:输入:heights=[2,4]输出:42.代码实现:classSolut......
  • echarts柱状图横(x)轴文字显示不全,一招解决
    柱状图底部X轴文字过长时,将会出现文字显示不全的问题,这是echarts为了美观默认的设置现在我们把文章倾斜旋转点角度即可全部显示  以下是代码 scale(){varchartDom=document.getElementById("twenty");varmyChart=this.$echarts.init(chartDom);......
  • ArcGIS Pro SDK 切换所有图例项的自动可见性
    protectedvoidsetLegend(){varlyt=LayoutView.Active?.Layout;if(lyt==null)return;QueuedTask.Run(()=>{vardef=lyt.GetDefinition();va......
  • Chapter4 图例
    Chapter4图例图例的作用就是对所绘制的图像,进行解释。importmatplotlib.pyplotaspltimportnumpyasnpx=np.linspace(-3,3,50)y1=2*x+1y2=x**2plt.figure()#设置x轴的取值范围plt.xlim((-1,2))#设置y轴的取值范围plt.ylim((-2,3))#描述x轴plt......
  • echart折线图,柱状图,饼图设置颜色
    之前在做报表的时候用过echart用完也就完了,而这次在用的时候已经忘了,所以这里简单记录一下,好记性不如烂笔头!!!1、折线图修改颜色:1.xAxis:{2.'category',3.false,4.'年龄','20岁以下','30岁','40岁','50岁','60岁','60岁以上']5.},......
  • highcharts 3D圆环图y轴数据为0 的较多,会出现显示不出来的问题
    问题的效果图如下:  问题原因:好像是数据位置重叠了解决办法:没有找到比较合适的解决办法,最后选择了不显示值为0的,代码如下所示(主要代码已用红色背景显示):plotOptions:{pie:{allowPointSelect:true,cursor:'pointer',......
  • 前端使用highcharts报错“Error: Highcharts error #13”
     报错情况如下:  错误原因:查找了下这个错误,图形容器无法找到,会导致报这个错误,两个页面都在使用同一个容器id时可能也会导致这样的问题,我遇到的是后者。。。。所以就改了一id然后就成功解决如果是前者:建议: 检查一下界面文件路径,或者F12查看一下是否有对应的图形容器 ......
  • 算法随想Day53【单调栈】| LC84-柱状图中最大的矩形
    intlargestRectangleArea(vector&heights){intresult=0;stackst;heights.insert(heights.begin(),0);heights.push_back(0);st.push(0);for(inti=1;i<heights.size();i++){if(heights[i]>heights[st.top()]){st.push(......
  • Python:绘制柱状图时,多个柱子黏在一起
    问题在用df.plot.bar()绘制柱状图时,预想中分开的多列却绘制到了一列中,导致绘制结果出错预期 错误绘制原始数据 我的数据是由date和energy两列构成的,需要绘制时......
  • Echarts中柱状图X轴显示时间显示不开倾斜显示的属性
    场景SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图:SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图_BADAO_LIUMANG_QIZHI的博客-在上面的基础......