highcharts - 导出图表时如何包含插件？

Question

如何包含用于 highcharts-export-server 的插件？我正在尝试使用 highcharts-regression 插件。

我尝试使用 -resources 选项来指定插件的 JS 文件(作为本地文件和完整 URL)文件，但与我的浏览器不同，我的图表中没有添加回归线基于版本，添加了回归线。

我的命令是:

highcharts-export-server
    -resources: {"files":"https://github.com/streamlinesocial/highcharts-regression/blob/master/highcharts-regression.js"}
    -instr '{"chart":{"type":"line"},"title":{"text":"Total Downtime"},"xAxis":{"type":"datetime","dateTimeLabelFormats":{ day: "%b %Y"}},"yAxis":{"allowDecimals":false,"min":0,"tickInterval":1,"title":{"text":"Percentage"}},"series":[{"name":"BOILER 04/WATERWALL","color":"#2f7ed8","regression":true,"regressionSettings":{"name":"BOILER 04/WATERWALL trend","type":"linear","dashStyle":"dash","color":"#2f7ed8"},"data":[{"x":1451599200000,"y":0,"viewType":"M"},{"x":1454277600000,"y":0,"viewType":"M"},{"x":1456783200000,"y":0,"viewType":"M"},{"x":1459461600000,"y":0,"viewType":"M"},{"x":1462053600000,"y":0,"viewType":"M"},{"x":1464732000000,"y":4.97,"viewType":"M"},{"x":1467324000000,"y":4.89,"viewType":"M"},{"x":1470002400000,"y":0,"viewType":"M"},{"x":1472680800000,"y":0,"viewType":"M"},{"x":1475272800000,"y":0,"viewType":"M"},{"x":1477951200000,"y":0,"viewType":"M"},{"x":1480543200000,"y":0,"viewType":"M"},{"x":1483221600000,"y":0,"viewType":"M"},{"x":1485900000000,"y":0,"viewType":"M"},{"x":1488319200000,"y":0,"viewType":"M"},{"x":1490997600000,"y":0,"viewType":"M"},{"x":1493589600000,"y":0,"viewType":"M"},{"x":1496268000000,"y":0,"viewType":"M"},{"x":1498860000000,"y":0,"viewType":"M"}]}]}'
    -outfile sample.png

图表生成正常，但未添加回归插件功能。在浏览器中生成图表时，相同类型的代码可以正常工作，而不是使用导出服务器。谢谢!

Answer 1

这适用于一些较小的“o 型”修复。根据您提供的上述命令，我已将 -resources: {...} 更改为 --resources '{...}'，以及-instr 到 --instr 和 -outfile 到 --outfile，根据文档。虽然，我认为只有冒号和引号是相关的变化:

highcharts-export-server 
    --resources '{"files":"highcharts-regression.js"}'
    --instr '{"chart":{"type":"line"},"title":{"text":"Total Downtime"},"xAxis":{"type":"datetime","dateTimeLabelFormats":{ day: "%b %Y"}},"yAxis":{"allowDecimals":false,"min":0,"tickInterval":1,"title":{"text":"Percentage"}},"series":[{"name":"BOILER 04/WATERWALL","color":"#2f7ed8","regression":true,"regressionSettings":{"name":"BOILER 04/WATERWALL trend","type":"linear","dashStyle":"dash","color":"#2f7ed8"},"data":[{"x":1451599200000,"y":0,"viewType":"M"},{"x":1454277600000,"y":0,"viewType":"M"},{"x":1456783200000,"y":0,"viewType":"M"},{"x":1459461600000,"y":0,"viewType":"M"},{"x":1462053600000,"y":0,"viewType":"M"},{"x":1464732000000,"y":4.97,"viewType":"M"},{"x":1467324000000,"y":4.89,"viewType":"M"},{"x":1470002400000,"y":0,"viewType":"M"},{"x":1472680800000,"y":0,"viewType":"M"},{"x":1475272800000,"y":0,"viewType":"M"},{"x":1477951200000,"y":0,"viewType":"M"},{"x":1480543200000,"y":0,"viewType":"M"},{"x":1483221600000,"y":0,"viewType":"M"},{"x":1485900000000,"y":0,"viewType":"M"},{"x":1488319200000,"y":0,"viewType":"M"},{"x":1490997600000,"y":0,"viewType":"M"},{"x":1493589600000,"y":0,"viewType":"M"},{"x":1496268000000,"y":0,"viewType":"M"},{"x":1498860000000,"y":0,"viewType":"M"}]}]}'
    --outfile sample.png

使用 Highcharts 导出服务器 2.0.24 这成功地为我提供了以下结果:

此外，如果尝试使用 URL，您可能应该使用 point to the raw file ，但我没有成功，所以我使用了 highcharts-regression.js 文件的本地版本。