knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[#58,flot-graph][s]: switch to horizontal bar chart as normal bar chart tick labels are borked without rotation when lots of bars (rotation not yet in flot core [1]).

Browse Source 
[1]: https://github.com/flot/flot/pull/15
This commit is contained in:
Rufus Pollock 2012-03-23 03:53:49 +00:00
parent 70ea2bd863
commit d1445ee12f
1 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/view-flot-graph.js
View File

@ -167,10 +167,11 @@ my.FlotGraph = Backbone.View.extend({
// needs to be function as can depend on state
getGraphOptions: function(typeId) {
var self = this;
// special tickformatter to show labels rather than numbers
var tickFormatter = function (val) {
if (self.model.currentDocuments.models[val]) {
var out = self.model.currentDocuments.models[val].get(self.chartConfig.group);
// if the x-axis value was in fact a number we want that not the
// if the value was in fact a number we want that not the
if (typeof(out) == 'number') {
return val;
} else {
@ -209,14 +210,17 @@ my.FlotGraph = Backbone.View.extend({
show: true,
barWidth: 1,
align: "center",
fill: true
fill: true,
horizontal: true
}
},
grid: { hoverable: true, clickable: true },
xaxis: {
yaxis: {
tickSize: 1,
tickLength: 1,
tickFormatter: tickFormatter
tickFormatter: tickFormatter,
min: -0.5,
max: self.model.currentDocuments.length - 0.5
}
}
}
@ -283,7 +287,12 @@ my.FlotGraph = Backbone.View.extend({
if (typeof x === 'string') {
x = index;
}
points.push([x, y]);
// horizontal bar chart
if (self.chartConfig.graphType == 'bars') {
points.push([y, x]);
} else {
points.push([x, y]);
}
});
series.push({data: points, label: field});
});