ハイチャート棒グラフ長方形ストロークを削除

進捗バー/ステータスバーをハイチャートで実装しようとしましたが、進捗バー/ステータスバーに2色、ステータス/進捗状況に2色、スタッキングバー最初の矩形はの白いストロークカラーなので、2つの矩形を区別することができますが、2の代わりに1つの矩形として表示する必要があります。ハイチャート棒グラフ長方形ストロークを削除

私はあなたがHighcharts APIに記述されているborderWidthパラメータを使用することができるはずだと思う

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

出典

2016-12-28 prakashkadakol

： http://api.highcharts.com/highcharts/plotOptions.column.borderWidth

plotOptions: { 
    series: { 
    stacking: 'normal', 
    borderWidth: 0 
    } 
},

このパラメータを使用する場合は、あなたから白い境界線をなくすことができるようになります列。このオプションを使用してグラフがどのように機能するかの例を示しました。

http://jsfiddle.net/rvj65mor/1/

出典

2016-12-28 11:34:55

ハイチャート棒グラフ長方形ストロークを削除

答えて

関連する問題