javascript - highcharts pie drilldown 在 meteorjs 中不起作用

标签 javascript highcharts meteor

目前我正在使用 meteorjs 0.9.2 和 highcharts 4.0.4

但是 highcharts pie drilldown 不起作用,它显示了一个饼图 View 但是点击该饼上的事件不起作用所以我无法在 pie 上进行 drilldown

我认为 highcharts 使用 meteorjs 时存在一些问题,格式化程序无法正常工作

除我测试过的所有其他事件外,一切正常

这里我将我的代码粘贴到 meteorjs 中,这段代码在 html + javascript 中完美运行

Template.highcharts.rendered = function() {

var A = [{"name":"cited","drilldown":"DsbsswZFzacLnTPvZ","y":303},{"name":"citing","drilldown":"zKgitWhpv5bZE2wjr","y":218}];
var B = [{"name":"A61K","id":"czZdakWbYzBaq8hu3","data":[["BEIERSDORF AG",1036],["OREAL",583]]},{"name":"A61F","id":"37zqcAeDWCks5xAtL","data":[["BEIERSDORF AG",61],["MINNESOTA MINING & MFG",22]]},{"name":"cited","id":"DsbsswZFzacLnTPvZ","data":[{"name":"A61K","y":1367,"drilldown":"czZdakWbYzBaq8hu3"},{"name":"A61F","y":487,"drilldown":"37zqcAeDWCks5xAtL"}]},{"name":"A61K","id":"HPgny8W554ySyMRpE","data":[["BEIERSDORF AG",587],["OREAL",450]]},{"name":"A61F","id":"AnvkHrMJC5r5rgGeY","data":[["BEIERSDORF AG",64],["KIMBERLY CLARK CO",25]]},{"name":"citing","id":"zKgitWhpv5bZE2wjr","data":[{"name":"A61K","y":959,"drilldown":"HPgny8W554ySyMRpE"},{"name":"A61F","y":296,"drilldown":"AnvkHrMJC5r5rgGeY"}]}];

            $("#highcharts").highcharts({
                chart: {
                    type: "pie"
                },

                title: {text: "Citation Analysis"},
                subtitle: {text: "Client: Linto Cheeran"},


                drilldown: {
                    series: B
                },
                series: [{
                    data: A, name: "root",
                }],

                plotOptions: {
                    series: {
                        cursor: 'pointer',
                        dataLabels: {enabled: true},
                    }
                }
            });

}

控制台没有错误显示

请帮帮我

我如何使用 meteorjs 在 highchart 中进行饼图向下钻取?

最佳答案

Highchart 包在 atmospherejs 中可用没有drilldown模块,所以你必须单独添加drilldown.js。

关于javascript - highcharts pie drilldown 在 meteorjs 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25914093/

相关文章:

javascript - 如何知道渲染了哪个div以及如何获取div的子元素?

javascript - JavaScript onclick 事件中的两个函数?

当 web-inspector 关闭时 JavaScript 在 mobile-safari 上失败

highcharts - Highcharts : Background color of Axis

javascript - Meteor.js 根据集合对象的值和用户角色定制发布

javascript - 使用 ESLint 修复 WebStorm 中的标记区域

javascript - 如何使完整的百万值显示在 y 轴和工具提示上 (Highcharts)

javascript - Highcharts 如何使用 JavaScript 变量作为系列数据源?

html - 如何在 Meteor 的 body 元素中添加 CSS 类?

angularjs - meteor Angular 教程 : Todos List's <todos-list></todos-list> tag