2017-09-01 3 views
0

Highcharts scheint Zahlen zu erstellen, die nicht innerhalb von Kategorien sind. Gibt es eine Möglichkeit, Daten automatisch an die Kategorien anzupassen?Highcharts Liniendiagramm passt Daten nicht in alle Kategorien

this.options = { 
      chart: { 
      type: 'line' 
    }, 
    title: { 
     text: 'Line Test Chart' 
    }, 
    subtitle: { 
     text: '' 
    }, 
    xAxis: { 
     categories: [2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017], 
     crosshair: true 
    }, 
    yAxis: { 
     stackLabels: { enabled: true} 
    }, 
    tooltip: { 
      headerFormat: '<b>{point.x}</b><br/>', 
      pointFormat: '{series.name}: {point.y}' 
      }, 
    plotOptions: { 
     column: { 
      stacking: 'normal', 
      grouping: false, 
      dataLabels: {enabled: true}, 
      pointPadding: 0.2, 
      borderWidth: 0 
     } 
    }, 
    series: [{ 
     name: 'Construction--Spending Non-Residential', 
     data: [100, 99, 98, 99, 99, 100, 99, 97, 98, 99, 100, 99, 97, 99, 98, 99] 
      },{ 
     name: 'Construction--Spending Residential', 
     data: [100, 98, 99, 97, 96, 98, 100, 97, 98, 96, 98, 97, 98, 100, 98, 97] 
      }] 
     }; 
    } 
    options: Object; 

See:Plunker Example

Bild Beispiel von dem, was ich versuche, zu erreichen: Image Link

Antwort

0

Es geschieht, weil in Ihrem Fall Sie mehr Punkte haben, die in den definierten Kategorien Kategorien Array und pointInterval ist gleich 1. Sie können zum Beispiel xAxis Typ zu "datetime" ändern und andere pointInterval (zB 6 Monate) setzen, aber es liegt an Ihnen h wie Sie Ihre Daten ordnen.

API Referenz:
http://api.highcharts.com/highcharts/xAxis.type
http://api.highcharts.com/highcharts/plotOptions.series.pointStart
http://api.highcharts.com/highcharts/plotOptions.series.pointInterval

Beispiel:
https://plnkr.co/edit/KBDyCQsEPXNc3GUtUukr?p=preview

Verwandte Themen