bendtherules/chart-builder-demo
1
0
Fork 0
mirror of https://github.com/bendtherules/chart-builder-demo.git synced 2026-08-18 13:42:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

Bar chart half done

Browse Source
This commit is contained in:
bendtherules
2017-03-17 08:01:07 +05:30
parent 12d3444c7f
commit d39997486f
4 changed files with 145 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
js/app.js
+23 -5
View File
@@ -41,13 +41,19 @@ app.value("allData",{
"measures": ["Sales","Orders","Revenue"]
});
app.controller("mainController", ["allData","$scope",function (allData,$scope) {
app.value("chartTypes",["column","bar","pie"]);
app.controller("mainController", ["allData","chartTypes","$scope",function (allData,chartTypes,$scope) {
$scope.data = {};
$scope.data.chooserDimensions = allData.dimensions;
$scope.data.chosenDimension = undefined;
$scope.data.chooserMeasures = allData.measures;
$scope.data.chosenMeasure = undefined;
$scope.chartTypes = chartTypes;
$scope.chartTypeChosen = chartTypes[0];
$scope.data.values = allData.values;
$scope.allowDrop = function(ev,location) {
@@ -128,16 +134,28 @@ app.controller("mainController", ["allData","$scope",function (allData,$scope) {
}
$scope.$watchGroup(["data.values","data.chosenDimension","data.chosenMeasure"],function(){
$scope.$watchGroup(["data.values","data.chosenDimension","data.chosenMeasure","chartTypeChosen"],function(){
if ($scope.data.chosenMeasure && $scope.data.chosenDimension){
var tmpData = $scope.data.values[$scope.data.chosenDimension][$scope.data.chosenMeasure];
var chartData = [];
var keys = Object.keys(tmpData);
for (var i = keys.length - 1; i >= 0; i--) {
chartData.push({"x":keys[i],"y":tmpData[keys[i]]});
var axisLabel;
if ($scope.chartTypeChosen.toLowerCase() === "bar")
{
for (var i = keys.length - 1; i >= 0; i--) {
chartData.push({"y":keys[i],"x":tmpData[keys[i]]});
}
axisLabel = [$scope.data.chosenMeasure,$scope.data.chosenDimension];
}
else
{
for (var i = keys.length - 1; i >= 0; i--) {
chartData.push({"x":keys[i],"y":tmpData[keys[i]]});
}
axisLabel = [$scope.data.chosenDimension,$scope.data.chosenMeasure];
}
drawChart(chartData,[$scope.data.chosenDimension,$scope.data.chosenMeasure]);
drawChart($scope.chartTypeChosen,chartData,axisLabel);
}
else
{