Skip to content

Instantly share code, notes, and snippets.

@GordonSmith
Last active August 31, 2016 15:26
Show Gist options
  • Save GordonSmith/f60007db836b6ef92063 to your computer and use it in GitHub Desktop.
Save GordonSmith/f60007db836b6ef92063 to your computer and use it in GitHub Desktop.
Column Chart

HPCC Column Chart

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="http://viz.hpccsystems.com/v1.14.0/dist-amd/hpcc-viz.js"></script>
</head>
<body style="margin:0px; border:0px">
<div id="placeholder" style="width:100%; height:100vh">
</div>
<script>
require(["src/chart/Column"], function (Column) {
var widget = new Column()
.target("placeholder")
.columns(["Location", "Males", "Females", "Total"])
.data([["Carlow", "27431", "27181", "54612"], ["Dublin City", "257303", "270309", "527612"], ["Dun Laoghaire-Rathdown", "98567", "107694", "206261"], ["Fingal", "134488", "139503", "273991"], ["South Dublin", "129544", "135661", "265205"], ["Kildare", "104658", "105654", "210312"], ["Kilkenny", "47788", "47631", "95419"], ["Laoighis", "40587", "39972", "80559"], ["Longford", "19649", "19351", "39000"], ["Louth", "60763", "62134", "122897"], ["Meath", "91910", "92225", "184135"], ["Offaly", "38430", "38257", "76687"], ["Westmeath", "42783", "43381", "86164"], ["Wexford", "71909", "73411", "145320"], ["Wicklow", "67542", "69098", "136640"], ["Clare", "58298", "58898", "117196"], ["Cork City", "58812", "60418", "119230"], ["Cork County", "198658", "201144", "399802"], ["Kerry", "72628", "72873", "145502"], ["Limerick City", "27947", "29159", "57106"], ["Limerick County", "67868", "66835", "134703"], ["North Tipperary", "35340", "34982", "70322"], ["South Tipperary", "44244", "44188", "88432"], ["Waterford City", "22921", "23811", "46732"], ["Waterford County", "33543", "33520", "67063"], ["Galway City", "36514", "39015", "75529"], ["Galway County", "88244", "86880", "175124"], ["Leitrim", "16144", "15654", "31798"], ["Mayo", "65420", "65218", "130638"], ["Roscommon", "32353", "31712", "64065"], ["Sligo", "32435", "32958", "65393"], ["Cavan", "37013", "36170", "73183"], ["Donegal", "80523", "80614", "161137"], ["Monaghan", "30441", "30042", "60483"]])
.on("click", function (row, col, sel) {
alert(col + ": " + JSON.stringify(row))
})
.render()
;
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment