javascript - Highcharts access drilldown data from event click -

-

i trying display drilldown series pie chart data on click. i'm able display pie chart series name user clicks on not drill down data.

here example:

$(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: {             events:{                   click: function (event) {                        alert(event.point.name)                   }             },             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]             ]         }]     } }); });

instead of alert(event.point.name) want access drilldown series data corresponding id user clicks on.

using console.log thought work (this.chart.series[0].data[0]) displays series data , not drilldown.

you missing drilldown.js needed drilldown pie.

<script src="https://code.highcharts.com/modules/drilldown.js"></script>

see working fiddle here


Comments

Post a Comment

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

-
i have method method discussed , successful data entered 1 when more 1 can not database this programs my php form : <form class="form-horizontal" id="form-produk"> <div class="control-group" > <label class="control-label" for="kelas">kategori</label> <div class="controls"> <select class='form-control' name='id_kategori'> <?php $tampil=mysql_query("select * kategori order nama_kategori"); if ($id_kat==0){ echo "<option value=0 selected>- pilih kategori -</option>"; } while($w=mysql_fetch_array($tampil)){ if ($id_kat==$w[id_kategori]){ echo "<option value=$w[id_kategori] selected>$w[nama_kategori]</option>"; } else{ echo "<option value=$w[id_kategori]>$...
Read more

multithreading - Exception in Application constructor -

-
i wanna write snake game javafx , there exception don't know , want know how fix it. ( know it's not complete yet ) and want know , class extends application ( start override ) main in other programs? see , here not static void main bc didn't need, if want add main shoud do? it's exeption... exception in application constructor exception in thread "main" java.lang.nosuchmethodexception: main_snake.main([ljava.lang.string;) @ java.lang.class.getmethod(class.java:1819) @ com.intellij.rt.execution.application.appmain.main(appmain.java:125) and code : import javafx.animation.animationtimer; import javafx.application.application; import javafx.event.eventhandler; import javafx.scene.scene; import javafx.scene.canvas.canvas; import javafx.scene.canvas.graphicscontext; import javafx.scene.input.keyevent; import javafx.scene.layout.borderpane; import javafx.scene.paint.color; import javafx.stage.stage; import java.util.arraylist; /** * creat...
Read more

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -

-
i realize similar post others (e.g. this one ), there details missing posts might significant case. to start with, here's simplified program: #include "stdafx.h" #include <windows.h> #include <wincrypt.h> int _tmain(int argc, _tchar* argv[]) { // usage: certextract certpath char keyfile[] = "c:\\certificates\\public.crt"; byte lp[65536]; security_attributes sa; handle hkeyfile; dword bytes; pccert_context certcontext; sa.nlength = sizeof(sa); sa.lpsecuritydescriptor = null; sa.binherithandle = false; hkeyfile = createfile(keyfile, generic_read, file_share_read, &sa, open_existing, file_attribute_normal, null); if (hkeyfile) { if (readfile(hkeyfile, lp, getfilesize(hkeyfile, null), &bytes, null) && bytes > 0) { certcontext = certcreatecertificatecontext(x509_asn_encoding, lp, bytes); if (certcontext) { printf("yay...
Read more