javascript - Highchart 5: Pie Drilldown labels and back button not visible -


i try highcharts pie drilldown chart working. seems in version 5 of highcharts, button not visible data labels entering level 2:

the code exact code highcharts demo page (version 4).

here js fiddle

$(function () {      // create chart      $('#container').highcharts({          chart: {              type: 'pie'          },          title: {              text: 'browser market shares. january, 2015 may, 2015'          },          subtitle: {              text: 'click slices view versions. source: netmarketshare.com.'          },          plotoptions: {              series: {                  datalabels: {                      enabled: true,                      format: '{point.name}: {point.y:.1f}%'                  }              }          },            tooltip: {              headerformat: '<span style="font-size:11px">{series.name}</span><br>',              pointformat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'          },          series: [{              name: 'brands',              colorbypoint: true,              data: [{                  name: 'microsoft internet explorer',                  y: 56.33,                  drilldown: 'microsoft internet explorer'              }, {                  name: 'chrome',                  y: 24.03,                  drilldown: 'chrome'              }, {                  name: 'firefox',                  y: 10.38,                  drilldown: 'firefox'              }, {                  name: 'safari',                  y: 4.77,                  drilldown: 'safari'              }, {                  name: 'opera',                  y: 0.91,                  drilldown: 'opera'              }, {                  name: 'proprietary or undetectable',                  y: 0.2,                  drilldown: null              }]          }],          drilldown: {              series: [{                  name: 'microsoft internet explorer',                  id: 'microsoft internet explorer',                  data: [                      ['v11.0', 24.13],                      ['v8.0', 17.2],                      ['v9.0', 8.11],                      ['v10.0', 5.33],                      ['v6.0', 1.06],                      ['v7.0', 0.5]                  ]              }, {                  name: 'chrome',                  id: 'chrome',                  data: [                      ['v40.0', 5],                      ['v41.0', 4.32],                      ['v42.0', 3.68],                      ['v39.0', 2.96],                      ['v36.0', 2.53],                      ['v43.0', 1.45],                      ['v31.0', 1.24],                      ['v35.0', 0.85],                      ['v38.0', 0.6],                      ['v32.0', 0.55],                      ['v37.0', 0.38],                      ['v33.0', 0.19],                      ['v34.0', 0.14],                      ['v30.0', 0.14]                  ]              }, {                  name: 'firefox',                  id: 'firefox',                  data: [                      ['v35', 2.76],                      ['v36', 2.32],                      ['v37', 2.31],                      ['v34', 1.27],                      ['v38', 1.02],                      ['v31', 0.33],                      ['v33', 0.22],                      ['v32', 0.15]                  ]              }, {                  name: 'safari',                  id: 'safari',                  data: [                      ['v8.0', 2.56],                      ['v7.1', 0.77],                      ['v5.1', 0.42],                      ['v5.0', 0.3],                      ['v6.1', 0.29],                      ['v7.0', 0.26],                      ['v6.2', 0.17]                  ]              }, {                  name: 'opera',                  id: 'opera',                  data: [                      ['v12.x', 0.34],                      ['v28', 0.24],                      ['v27', 0.17],                      ['v29', 0.16]                  ]              }]          }      });  });

any idea?

thanks lot.

like grzegorz pointed out, bug in pre-release version of highcharts 5.


-

Comments

Post a Comment

Popular posts from this blog

angular - Is it possible to get native element for formControl? -

i've got angular2 reactive form . created formcontrol s , assigned input fields by [formcontrol]=... . understand creates nativeelement <-> formcontrol link. my question: possible nativeelement formcontrol ? wanna myformcontrol.nativeelement.focus() i can share 1 terrible solution works me. in reactive forms can use either 1) formcontroldirective ts mycontrol = new formcontrol('') template <input type="text" [formcontrol]="mycontrol"> or 2) formcontrolname ts myform: formgroup; constructor(private fb: formbuilder) {} ngoninit() { this.myform = this.fb.group({ foo: '' }); } template <form [formgroup]="myform"> <input type="text" formcontrolname="foo"> </form> so these directives write patch like 1) formcontroldirective const originformcontrolngonchanges = formcontroldirective.prototype.ngonchanges; formcontroldirective.proto
Read more

unity3d - Rotate an object to face an opposite direction -

i have object , b. when click on object b, rotates object b (a faces b). b doesn't face a. need following : when faces b, need face opposite direction. have code rotating @ b. how rotate face opposite direction after that? vector3 targetdirection = target - transform.position; float step = speed * time.deltatime; vector3 newdirection = vector3.rotatetowards (turretdome.transform.forward, targetdirection, step, 0.0f); turretdome.transform.rotation = quaternion.lookrotation (newdirection); you object facing object b, want inverse direction of object after that? objecta.transform.rotation = quaternion.inverse(objecta.transform.rotation) but lets assume example turretdome object a, (negate direction): turretdome.transform.rotation = quaternion.lookrotation (-newdirection); naturally, both of these snippets not show how smoothen rotation, seem know how use time.deltatime. just incase unsure, quaternion.lerp this
Read more

javascript - Why jQuery Select box change event is now working? -

i working on product filters user select select box according his/her preference not getting selected value user in jquery. html code:- <select name="product_filter" id="product_filter"> <option value="price_low_first">price : low high</option> <option value="price_high_first">price : high low</option> <option value="latest">latest</option> <option value="popular">most popular</option> </select> jquery code: $(function () { $("#product_filter").change(function () { alert("hi") var selectedtext = $(this).find("option:selected").text(); var selectedvalue = $(this).val(); alert("selected text: " + selectedtext + " value: " + selectedvalue); }); }); hi believe code perfect. once please check jquery.min.js
Read more