AnsweredAssumed Answered

How do you add an X-range Highchart in a custom Rally (Agile Central) app?

Question asked by ChristopherSheridan1340048 on Sep 25, 2018
Latest reply on Sep 25, 2018 by morky01

I like the X-range Highchart and would like to embed it in a custom Rally app.  I've done several iterations but nothing displays.  I confirmed that location ID will render another graph but can't get this graph to render.  I am getting an error in the console: GET http://localhost:51968/highcharts/xrange.js?_dc=1537886199562 404 (Not Found)

 

This tells me I may be missing something in config.json.  I'm sure there's something I'm missing and appreciate input.

 

var chart_data = [{
x: Date.UTC(2014, 10, 28),
x2: Date.UTC(2014, 11, 18),
y: 0,
partialFill: 0.25
}, {
x: Date.UTC(2014, 11, 2),
x2: Date.UTC(2014, 11, 5),
y: 1,
partialFill: 0.25
}, {
x: Date.UTC(2014, 11, 8),
x2: Date.UTC(2014, 11, 9),
y: 2
}, {
x: Date.UTC(2014, 11, 9),
x2: Date.UTC(2014, 11, 19),
y: 1
}, {
x: Date.UTC(2014, 11, 10),
x2: Date.UTC(2014, 11, 23),
y: 2
}];

var series = [{
name: ['Project 1'],
type: 'xrange',
// pointPadding: 0,
// groupPadding: 0,
pointWidth: 20,
data: chart_data,

dataLabels: {
enabled: true
}
}];

var chart_config = {

chart: {
type: 'xrange'
},
title: {
text: 'Highcharts X-range'
},
xAxis: {
type: 'datetime'
},
yAxis: {
title: {
text: ''
},
categories: ['Prototyping', 'Development', 'Testing'],
reversed: true
},
series: series
};

this.down('#points_box').add({
xtype: 'rallychart',
chartData: {
categories: ['Prototyping', 'Development', 'Testing'],
series: series
},
chartConfig: chart_config
});

Outcomes