2017-07-27 9 views
1

を変更することにより、日付を変更しながら、私はこのフォーマットでRestService介して取得していたデータを示し、この図を使用している:Highcharts JSONを収集しpointstart

"jsonData": [ 
     { 
     "Resource": "ABC", 
     "TimeStamp": "23-07-2017", 
     "StatusPercentage": 100 
     }, 
     { 
     "Resource": "PQR", 
     "TimeStamp": "23-07-2017", 
     "StatusPercentage": 100 
     }, 
     { 
     "Resource": "XYZ", 
     "TimeStamp": "23-07-2017", 
     "StatusPercentage": 50 
     }, 
     { 
     "Resource": "ABC", 
     "TimeStamp": "24-07-2017", 
     "StatusPercentage": 100 
     }, 
     { 
     "Resource": "PQR", 
     "TimeStamp": "24-07-2017", 
     "StatusPercentage": 50 
     }, 
     { 
     "Resource": "XYZ", 
     "TimeStamp": "24-07-2017", 
     "StatusPercentage": 100 
     }] 

私に次のように変換しますよ カテゴリ:[23-07-2017、24-07-2017] シリーズ:[{名前:ABC、データ:[100,100]}、{名前:PQR、データ:[100,50]} 、{名前:XYZ、データ:[50,100]}]

Highcharts.chart('container', { 

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

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

yAxis: { 
    title: { 
     text: 'Number of Employees' 
    } 
}, 
legend: { 
    layout: 'vertical', 
    align: 'right', 
    verticalAlign: 'middle' 
}, 

plotOptions: { 
    series: { 
     pointStart: 2017 
    } 
}, 

series: series: [ { 
    name: 'ABC', 
    data: [100,50,70], 
    timestamp: '23-07-2017' 
}, { 
    name: 'XYZ', 
    data: [50,100,100], 
    timestamp: '24-07-2017' 
}] 

});私はこの中で、特定の日付または月の特定または年に特異的であることが私のpointstartを設定することができますどのように

フィドルをJS:http://jsfiddle.net/bfhu7suv/ Pointstartよう:6月かPointstart:金曜日またはPointstart:23 - 7月 - 2017

答えて

0

追加:

series: [{ 
    name: 'Project Development', 
    data: [ 
     null, 
     null, 
     [Date.UTC(2013, 5, 3), 12169], 
     [Date.UTC(2013, 5, 4), 11269] 
    ] 
    }, { 
    name: 'Other', 
    data: [ 
     [Date.UTC(2013, 5, 1), 12908], 
     [Date.UTC(2013, 5, 2), 12908], 
     [Date.UTC(2013, 5, 3), 2908], 
     [Date.UTC(2013, 5, 4), 2208] 
    ] 
    }] 

とは、plotoptionsのようにポイントを起動します:としてあなたが書くことができ

xAxis: { 
     type: 'datetime' 
    }, 

シリーズ

plotOptions: { 
    series: { 
     pointStart: Date.UTC(2013, 4, 30) 
    } 
    }, 

デモFiddle

+0

ませメイト。助けてくれなかった。 1月から自動的に始まります。 –

+0

@Codey_Boy更新を参照してください –

+0

また、pointIntervalプロパティ(http://api.highcharts.com/highcharts/plotOptions.series.pointInterval)を使用することもできます。例:http://jsfiddle.net/p0khtf6t/。 –