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轴 数据需要自己配置。
设置图表四周的空白属性。