declarations
Version:
[](https://www.npmjs.com/package/declarations)
160 lines (151 loc) • 4.65 kB
text/typescript
/// <reference path="nvd3.d.ts" />
namespace nvd3_test_multibarHorizontalChart {
var long_short_data = [
{
key: 'Series1',
values: [
{
"label": "Group A",
"value": -1.8746444827653
},
{
"label": "Group B",
"value": -8.0961543492239
},
{
"label": "Group C",
"value": -0.57072943117674
},
{
"label": "Group D",
"value": -2.4174010336624
},
{
"label": "Group E",
"value": -0.72009071426284
},
{
"label": "Group F",
"value": -2.77154485523777
},
{
"label": "Group G",
"value": -9.90152097798131
},
{
"label": "Group H",
"value": 14.91445417330854
},
{
"label": "Group I",
"value": -3.055746319141851
}
]
},
{
key: 'Series2',
values: [
{
"label": "Group A",
"value": 25.307646510375
},
{
"label": "Group B",
"value": 16.756779544553
},
{
"label": "Group C",
"value": 18.451534877007
},
{
"label": "Group D",
"value": 8.6142352811805
},
{
"label": "Group E",
"value": 7.8082472075876
},
{
"label": "Group F",
"value": 5.259101026956
},
{
"label": "Group G",
"value": 7.0947953487127
},
{
"label": "Group H",
"value": 8
},
{
"label": "Group I",
"value": 21
}
]
},
{
key: 'Series3',
values: [
{
"label": "Group A",
"value": -14.307646510375
},
{
"label": "Group B",
"value": 16.756779544553
},
{
"label": "Group C",
"value": -18.451534877007
},
{
"label": "Group D",
"value": 8.6142352811805
},
{
"label": "Group E",
"value": -7.8082472075876
},
{
"label": "Group F",
"value": 15.259101026956
},
{
"label": "Group G",
"value": -0.30947953487127
},
{
"label": "Group H",
"value": 0
},
{
"label": "Group I",
"value": 0
}
]
}
];
var chart;
nv.addGraph(function () {
chart = nv.models.multiBarHorizontalChart()
.x(function (d) { return d.label })
.y(function (d) { return d.value })
.yErr(function (d) { return [-Math.abs(d.value * Math.random() * 0.3), Math.abs(d.value * Math.random() * 0.3)] })
.barColor(d3.scale.category20().range())
.duration(250)
.margin({ left: 100 })
.stacked(true);
chart.yAxis.tickFormat(d3.format(',.2f'));
chart.yAxis.axisLabel('Y Axis');
chart.xAxis.axisLabel('X Axis').axisLabelDistance(20);
d3.select('#chart1 svg')
.datum(long_short_data)
.call(chart);
nv.utils.windowResize(chart.update);
chart.dispatch.on('stateChange', function (e) { nv.log('New State:', JSON.stringify(e)); });
chart.state.dispatch.on('change', function (state) {
nv.log('state', JSON.stringify(state));
});
return chart;
});
}