javascript - Highchart Pie Chart Drill Down Not Working -

-

my pie chart go drilldown, few connector lines appear. when go original chart, 1 slice appears , connectors , labels messed up. can't put fiddle because data being pulled behind firewall. code , pic of chart below. using fade in method solves drillup view, not drilldown.

enter image description here

$(document).ready(function() {   $().spservices({         operation: "getlistitems",         camlquery: "<query><orderby><fieldref name='business_x0020_unit'/><fieldref name='session_x0020_status'/></orderby></query>",         camlviewfields: "<viewfields><fieldref name='business_x0020_unit'/></viewfields>",         listname: "{c6673173-9ac5-4a6b-9401-15d0f38efcb8}",         completefunc: function(xdata, status) {                   var spc1data = [];                  var dev = [];                  var ops = [];                  //console.log(xdata.responsexml);                 $(xdata.responsexml).spfilternode("z:row").each(function() {                     var bu = $(this).attr('ows_business_x0020_unit');                       //ytd requests ato data                     if (bu === "global connections management"){                          spc1data.push({                             bu: "gcm"                         });                     }else if(bu === "technology design & architecture"){                          spc1data.push({                             bu: "td&a"                         });                     }else if(bu === "global customer service"){                          spc1data.push({                             bu: "gcs"                         });                     }else{                          spc1data.push({                             bu: bu                         });                          if (string(bu).indexof('dev') > -1) {                               dev.push({                             bu: bu.slice(11)                              //org: ""                             });                         }                         else if (string(bu).indexof('ops') > -1){                             ops.push({                             bu: bu.slice(11)                              //org: ""                             });                         }                    }                });                      var spcdata = [];                     (var = 0; < spc1data.length; i++) {                     if (string(spc1data[i].bu).indexof('-') > -1) {                         var bu = string(spc1data[i].bu);                         spc1data[i].bu = bu.slice(0, 8);                         spcdata[i] = spc1data[i];                     } else {                         spcdata[i] = spc1data[i];                     }                 }                  drilldownseries = [];                  var devtemp = _.groupby(dev, 'bu');                  _.each(devtemp, function(row) {                     var bucount = row.length;                         drilldownseries.push({                         id: "tech dev",                         name: row[0].bu,                         data: [row[0].bu, bucount]                        });                     });                     var chartdatadrillops = [];                     var devops = _.groupby(ops, 'bu');                      _.each(devops, function(row) {                         var bucount = row.length;                         drilldownseries.push({                         id: "tech ops",                         name: row[0].bu,                         data: [row[0].bu, bucount]                          });                     });                   var chartdata = [];                 var budata = _.groupby(spcdata, 'bu');                 _.each(budata, function(row) {                     var bucount = row.length;                     if (row[0].bu === "tech dev"){                         chartdata.push({                             name: row[0].bu,                             y: bucount,                             drilldown: row[0].bu.tolowercase()                             //drilldown: chartdatadrilldev                        // drilldown: row[0].bu                         });                     }else if(row[0].bu === "tech ops"){                         chartdata.push({                             name: row[0].bu,                             y: bucount,                            drilldown: row[0].bu.tolowercase()                             //drilldown: chartdatadrillops                        // drilldown: row[0].bu                         });                     }else{                         chartdata.push({                             name: row[0].bu,                             y: bucount                         });                     }                 });                  // create fade-in method 3d-arcs                highcharts.wrap(highcharts.svgrenderer.prototype, 'arc3d', function (proceed) {                     var result = proceed.apply(this, [].slice.call(arguments, 1));                     result.fadein = result.show;                     return result;                 });                  var chart = new highcharts.chart({                     chart: {                         type: 'pie',                         plotbordercolor: '#0574ac',                         borderwidth: .5,                         options3d: {                             enabled: true,                             alpha: 55,                             beta: 0                         },                         renderto: 'burequests',                         plotshadow: false                     },                     credits: {                         enabled: false                     },                     title: {                         text: 'ytd requests ato'                     },                     tooltip: {                         pointformat: '{point.y}' + ' requests' + '<br>' + '{point.percentage:1.0f}%'                             //percentagedecimals: 1                     },                     plotoptions: {                         pie: {                             size: '80%',                             allowpointselect: true,                             cursor: 'pointer',                             depth: 35,                             datalabels: {                                 softconnector: true,                                 usehtml: true,                                 enabled: true,                                 padding: 0,                                 fontweight: 'medium',                                 //format: '{point.name}'+ '<br>' + '{point.y}' +' requests' + '<br>' + '{point.percentage:1.0f}%',                                 formatter: function() {                                     var req;                                     if (this.point.y === 1) {                                         req = " request";                                     } else {                                         req = " requests";                                     }                                     return '<span style="color:' + this.point.color + '">' + this.point.name + '<br>' + this.point.y + req + '<br>' + math.round(this.percentage) + '%' + '</span>';                                 }                             },                         }                     },                     series: [{                         type: 'pie',                         name: 'bu count',                         data: chartdata,                         colors: ['#0472a9', '#f9b112', '#42c5f1', '#eb6e00', '#4aa70a', '#c1d52c']                     }],                    drilldown:{                     series: drilldownseries                                           }                });console.log(chart);               }            });         });


Comments

Post a Comment

Popular posts from this blog

python - argument must be rect style object - Pygame -

-
disclaimer: know other people on site have had error it's been in different contexts , fixes don't seem work here. hey stackoverflow, i've been making sideways space invaders game, ship follows mouse's y position stays on left, , clicking shoots bullet. enemies spawn randomly right , fly left, , objects removed once each side of screen. works fine, when tried implement collision detection see when shot hits enemy, error: typeerror: argument must rect style object. it points line "return hitbox.colliderect(target.rect)". try , work out causing made 'print' lines below see 'target.rect' (and whether proper rect object), , seemed same style shot's own rect, i'm lost why colliderect doesn't accept it. i've annotated pretty everything, sorry if it's insult intelligence should make things easier. class causes problems: class gameobject: def __init__(self, image, height, speed): self.speed = speed self.image...
Read more

c++ - Qt setGeometry: Unable to set geometry -

-
why? setgeometry: unable set geometry 22x22+320+145 on qwidgetwindow/'widgetclasswindow'. resulting geometry: 116x22+320+145 (frame: 8, 30, 8, 8, custom margin: 0, 0, 0, 0, minimum size: 22x22, maximum size: 16777215x16777215). the project is: project.pro qt += core gui greaterthan(qt_major_version, 4): qt += widgets target = untitled5 template = app sources += main.cpp\ widget.cpp headers += widget.h widget.h #ifndef widget_h #define widget_h #include <qwidget> class widget : public qwidget { q_object public: explicit widget(qwidget *parent = 0); ~widget(); private: }; #endif // widget_h widget.cpp #include "widget.h" #include <qvboxlayout> widget::widget(qwidget *parent) : qwidget(parent) { qvboxlayout *vlayout = new qvboxlayout(this); } widget::~widget() { } main.cpp #include "widget.h" #include <qapplication> int main(int argc, char *argv[]) { qapplication a...
Read more

How to resolve Delphi error: Incompatible types: 'PWideChar' and 'Pointer' -

-
i have piece of code delphi 7: var lprgndata: prgndata; pc: pchar; pr: prect; ... pc := @(lprgndata^.buffer[0]); in delphi xe4 gives following compile error: incompatible types: 'pwidechar' , 'pointer' how should code updated work correctly in xe4? thanks whether or not compiles depends upon setting of type-checked pointers option . have enabled option excellent decision. doing results in stricter type checking. with type-checked pointers disabled, code compile. type-checked pointers enabled, code not compile, want because code not valid. now, on types in question. defined in windows unit this: type prgndata = ^trgndata; {$externalsym _rgndata} _rgndata = record rdh: trgndataheader; buffer: array[0..0] of byte; reserved: array[0..2] of byte; end; trgndata = _rgndata; {$externalsym rgndata} rgndata = _rgndata; the benefit of using type-checked pointers compiler can tell doing not valid. knows lprgndat...
Read more