2016-09-29 2 views
0

Der Versuch, ein gestapeltes Säulendiagramm in Highcharts zu implementieren. Ich habe 360 ​​Datenpunkte und ich würde im Idealfall keine Lücke zwischen den Spalten mögen. Randwidth, Pointpadding und Grouppadding habe ich bereits auf 0 gesetzt, sehe aber immer noch die Linien.HighCharts - Dünne weiße Linien in gestapelten Säulendiagrammen

Image of chart in Firefox and Chrome with thin white lines

Edit: mit Geige aktualisiert - https://jsfiddle.net/hgv5qtqj/7/. Danke noch einmal!

Jede Hilfe wäre willkommen.

Relevante Teil des Codes unter:

 var plotOptions = { 
     column: { 
      pointPadding: 0, 
      borderWidth: 0, 
      groupPadding: 0, 
     stacking: 'normal', 
     dataLabels: { 
      enabled: false, 
      color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white', 
      style: { 
       textShadow: '0 0 3px black' 
      } 
     } 
     } 
    }; 
+0

Können Sie Live-Beispiel Ihres Diagramms veröffentlichen? Es ist seltsam, dass PointPadding und groupPadding in Ihrem Fall nicht funktionieren. Schauen Sie sich dieses Beispiel an: http://jsfiddle.net/BZzWQ/271/ –

+0

Nochmals vielen Dank. Habe den Fiddle Link hinzugefügt - https://jsfiddle.net/hgv5qtqj/7/. – megalomaniackp

+0

Ich denke, es ist mit diesem Highcharts Problem verbunden: https://github.com/highcharts/highcharts/issues/4577 –

Antwort

0

können Sie dies in Ihrem plotOptions sind:

series: { 
     borderWidth: 0 
    } 

Mehr Informationen über border ist in HighCharts docs verfügbar.

+0

Scheint, es ist bereits vorhanden. –

+0

Vielen Dank. Versuchte es, aber es sieht immer noch gleich aus. – megalomaniackp

+1

Könnten Sie einen Code-Ausschnitt oder eine Geisel posten? –

Verwandte Themen