Highcharts 导出服务器

配置

Highcharts 配置对象

{
  "xAxis": {
    "categories": ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
  },
  "series": [{
    "data": [1, 3, 2, 4],
    "type": "line"
  }, {
    "data": [5, 3, 4, 2],
    "type": "line"
  }]
}

导出文件类型宽度

导出图片的宽度，默认是 chart.width 或 600px，最大值不能超过 2000px.

缩放比例

缩放比例主要针对高分辨需求，最大可以缩放 4 倍。注意宽度参数（即上面的 width）的优先级高于缩放比例

图表类型

选择 Highcharts、Highstock 或 Highmaps

回调函数

回调函数将会在图表创建完毕后执行

function(chart) {
  chart.renderer.label('回调函数中添加的文本', 100, 100)
    .attr({ fill: '#90ed7d', padding: 10, r: 10, zIndex: 10 })
    .css({ color: 'black', width: '100px' })
    .add();
}

是否使用样式模式？

开启样式模式需要引入对应的主题 CSS 样式

CSS 代码

CSS 将会插入到文档的 head 中（不论是否开启了样式模式）

异步渲染

如果开启异步渲染模式，那么图表将会等待所有依赖的的 JavaScript 加载完毕后并调用 highexp.done(); 才会渲染。如果该函数在 6 秒内没有被调用，那么渲染将超时。

JavaScript 代码

Javascript 代码将会被插入到文档的 head 部分，并会在图表渲染时执行

结果预览

请点击预览按钮查看

Highcharts 中调用

Highcharts.chart('container', {
    exporting: {
        url: 'http://export.highcharts.com.cn' 
        // 注：该链接支持 https 协议
    }
});