高图表进度条/状态栏

问题描述：

我试图在HighChart中实现进度条/状态栏，但是一些如何绘制高图轴线不能从图表中移除，尝试使用gridlinewidth网格线颜色但仍然显示轴线在UI中。没有任何属性删除此高图表进度条/状态栏

<html> 
<head> 
<script src="highchart.js"></script> 
<script src="exporting.js"></script> 
</head> 
<body> 
<div id="container" style="min-width: 210px; max-width: 300px; height: 50px; margin: 0 auto"></div> 
<script> 
Highcharts.chart('container', { 
     chart: { 
      type: 'bar' 
     }, 
     xAxis: { 
      tickColor: '#FFFFFF', 
      tickWidth: 1, 
      categories: [''], 
      labels:{ 
         enabled: false 
       } 
     }, 
     title:{ 
      text:'' 
     }, 
     yAxis: { 
      gridLineColor: '#FFFFFF', 
      minorGridLineWidth: 0, 
      lineColor: '#FFFFFF', 
      gridLineWidth: 0, 
      title: { 
       text: '' 
      }, 
      labels:{ 
        enabled: false 
      } 
     }, 
     exporting: { enabled: false }, 
     legend:{ 
      enabled: false 
     }, 
     plotOptions: { 
      series: { 
       stacking: 'normal' 
      } 
     }, 
     tooltip: { 
       enabled: false 
     }, 
     series: [{ 
      name: '', 
      data: [5] 
     }, { 
      name: '', 
      data: [5] 
     },{ 
      name: '', 
      data: [0] 
     }] 
    }); 
</script> 
<style> 
.chart-container .highcharts-grid { 
    display: none; 
} 
</style> 
</body> 
</html>

您不能覆盖'important'财产！因此您必须自定义高级图表的根css文件。 –

答

当图表类型设置为bar，轴反转，尝试：

xAxis: { 
    visible: false 
}, 
yAxis: { 
    visible: false 
},

高图表进度条/状态栏

相关推荐