2017-09-26 1 views
0

Es scheint, als ob Highcharts einen Abstand zwischen dem 1. Zeilenanfang/Zeilenende und der 2. vertikalen Achse hinzufügt.Highcharts: Wie entferne ich die Lücke zwischen der Reihe und der vertikalen Achse?

Bitte beachten Sie den JSFiddle Link und unten Screenshot für weitere Details.

http://jsfiddle.net/8kbf2e1x/

Highcharts.chart('container', { 

    title: { 
     text: 'Solar Employment Growth by Sector, 2010-2016' 
    }, 

    subtitle: { 
     text: 'Source: thesolarfoundation.com' 
    }, 

     xAxis: { 
      categories: ['D1', 'D2', 'D3', 'D4'] 
    }, 

    yAxis: { 
     title: { 
      text: 'Number of Employees' 
     } 
    }, 
    legend: { 
     layout: 'vertical', 
     verticalAlign: 'bottom' 
    }, 

    plotOptions: { 
     series: { 
     } 
    }, 

    series: [{ 
     name: 'Installation', 
     data: [43934, 52503, 57177, 69658] 
    }, { 
     name: 'Manufacturing', 
     data: [24916, 24064, 29742, 29851] 
    }, { 
     name: 'Sales & Distribution', 
     data: [11744, 17722, 16005, 19771] 
    }, { 
     name: 'Project Development', 
     data: [null, null, 7988, 12169] 
    }, { 
     name: 'Other', 
     data: [12908, 5948, 8105, 11248] 
    }], 

    responsive: { 
     rules: [{ 
      condition: { 
       maxWidth: 500 
      }, 
      chartOptions: { 
       legend: { 
        layout: 'horizontal', 
        align: 'center', 
        verticalAlign: 'bottom' 
       } 
      } 
     }] 
    } 

}); 

Highcharts - auto added gaps

Wie kann ich diese Räume loswerden? Ich möchte, dass sich meine Reihen innerhalb der Grundstücksfläche ohne Lücken von Ende zu Ende ausdehnen. Ist es mit einer geringeren Anzahl von Datenpunkten erreichbar? (Zum Beispiel in meinem Fall hat jede Reihe nur 4 Datenpunkte)

+1

Dies ist wahrscheinlich die am häufigsten gestellte Frage in Highcharts Geschichte: https://www.google.com/search?q=Highcharts+%3A+How+to+remove+the+gap + zwischen + series + und + vertical + axis% 3F & ie = utf-8 & oe = utf-8 – jlbriggs

Antwort

3

Scheck pointPlacement

pointPlacement wenn „an“ ist, wird der Punkt keine Polsterung der X-Achse erzeugen.

plotOptions: { 
    series: { 
    pointPlacement: 'on' 
    } 
}, 

Fiddle Demo

+0

Sie sind fantastisch !!!! – Curious86

Verwandte Themen