Ionic应用程序不显示Highchart库中的自定义按钮

时间:2017-03-22 11:34:06

标签: ionic-framework highcharts highcharts-ng

我正在使用Ionic 1.3.1和Highcharts库开发一个应用程序。 我的问题是如何在图表中添加自定义按钮? 我已经在json对象中添加了导出选项,但是当我在Android / IOS设备中执行应用程序时,按钮没有显示,我不知道为什么。 这是highcharts代码:

Highcharts.chart('container', {
    chart: {
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false,
        type: 'pie'
    },
    title: {
        text: 'Browser market shares'
    },
    tooltip: {
        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
    },
    plotOptions: {
        pie: {
            allowPointSelect: true,
            cursor: 'pointer',
            dataLabels: {
                enabled: false
            },
            showInLegend: true
        }
    },
    series: [{
        name: 'Brands',
        colorByPoint: true,
        data: [{
            name: 'Microsoft Internet Explorer',
            y: 56.33
        }, {
            name: 'Chrome',
            y: 24.03,
            sliced: true,
            selected: true
        }, {
            name: 'Proprietary or Undetectable',
            y: 0.2
        }]
    }],
    exporting: {
        buttons: {
            printButton: {
                enabled: false
            },
            exportButton: {
                enabled: false
            },
            custom: {
                symbol: 'diamond',
                symbolFill: '#B5C9DF',
                hoverSymbolFill: '#779ABF',
                _titleKey: 'printButtonTitle',
                onclick: function() {
                    alert('click!')
                }
            }
        }
    }
});

1 个答案:

答案 0 :(得分:0)

要实现海关按钮,必须从Highcharts库中导入文件&#39; highcharts / modules / exports.js&#39;