导出选项在Highcharts中不可见

时间:2018-03-05 08:57:02

标签: highcharts

当我生成我的Highchart图表时,它会生成完整的图表。唯一没有出现的是出口选项。

有人能弄明白我做错了吗?

我是否需要指定某种额外的CSS样式选项或包含另一个JS脚本才能使其正常工作?我现在无法弄明白。

chart1 = new Highcharts.Chart({
    "chart": {
        "renderTo": "container",
        "type": "column"
    },
    "title": {
        "text": "Doorlooptijd exploten"
    },
    "subtitle": {
        "text": "Databron: Digibieb"
    },
    "xAxis": {
        "categories": {
            "2": "> xx",
            "1": "< xx",
            "0": "< xx"
        }
    },
    "yAxis": {
        "min": 0,
        "title": {
            "text": "Aantallen"
        }
    },
    "legend": {
        "layout": "vertical",
        "backgroundColor": "#FFFFFF",
        "align": "left",
        "verticalAlign": "top",
        "x": 100,
        "y": 100,
        "floating": 0,
        "shadow": 1
    },
    "exporting": {
        "enabled": true
    },
    "credits": {
        "enabled": false
    },
    "plotOptions": {
        "column": {
            "pointPadding": 0.2,
            "borderWidth": 0
        }
    },
    "series": [{
        "name": "asd",
        "data": [1, 1, 1]
    }, {
        "name": "asd2",
        "data": [1, 1, 1]
    }, {
        "name": "asd3",
        "data": [1, 1, 1]
    }, {
        "name": "asd4",
        "data": [0, 0, 25]
    }, {
        "name": "asd5",
        "data": [54, 19, 53]
    }, {
        "name": "asd6",
        "data": [0, 0, 4]
    }, {
        "name": "asd8",
        "data": [22, 4, 28]
    }, {
        "name": "asd7",
        "data": [23, 40, 19]
    }, {
        "name": "asd9",
        "data": [23, 13, 8]
    }, {
        "name": "asd10",
        "data": [3, 0, 0]
    }]
});

1 个答案:

答案 0 :(得分:1)

您需要在Highcharts主脚本之后加载这样的exporting.js脚本

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

Fiddle