highcharts-export-server
Version:
**Note:** If you use the public Export Server at [https://export.highcharts.com](https://export.highcharts.com) you should read our [Terms of use and Fair Usage Policy](https://www.highcharts.com/docs/export-module/privacy-disclaimer-export). Note that a
128 lines (113 loc) • 4.07 kB
HTML
<html>
<head>
<title>Highcharts Export Server</title>
<link rel="icon" type="image/x-icon" href="https://www.highcharts.com/demo/static/favicon.ico" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,700,400italic"
type="text/css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.20.2/codemirror.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.20.2/codemirror.js"></script>
<script type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.20.2/mode/javascript/javascript.min.js"></script>
<script type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.20.2/mode/css/css.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<div class="page box-size">
<div class="panel-container main-panel box-size">
<div class="panel">
<h1>Highcharts Export Server</h1>
<p>
This page allows you to experiment with different options for the
export server. If you use the public Export Server at
<a href="https://export.highcharts.com">https://export.highcharts.com</a>
you should read our <a href="https://www.highcharts.com/docs/export-module/privacy-disclaimer-export"
target="_blank">Terms of use and Fair Usage Policy.</a>
</p>
<label>Options</label>
<div class="info">Your Highcharts configuration object.</div>
<div class="error" id="error"></div>
<textarea id="options" class="codeinput box-size">
{
"xAxis": {
"categories": [
"Jan",
"Feb",
"Mar",
"Apr",
"May",
"Jun",
"Jul",
"Aug",
"Sep",
"Oct",
"Nov",
"Dec"
]
},
"series": [
{
"data": [1,3,2,4],
"type": "line"
},
{
"data": [5,3,4,2],
"type":"line"
}
]
}
</textarea>
<label>Image file format</label>
<select id="format" class="box-size">
<option>image/png</option>
<option>image/jpeg</option>
<option>image/svg+xml</option>
<option>application/pdf</option>
</select>
<label>Width</label>
<div class="info box-size">
The exact pixel width of the exported image. Defaults to chart.width
or 600px. Maximum width is 2000px.
</div>
<input type="number" class="box-size" id="width" />
<label>Scale</label>
<div class="info box-size">
A scaling factor for a higher image resolution. Maximum scaling is
set to 4x. Remember that the width parameter has a higher precedence
over scaling.
</div>
<input type="number" id="scale" class="box-size" />
<label>Constructor</label>
<div class="info box-size">
Either a chart, stockChart, mapChart, or a ganttChart (depending on what product you use).
</div>
<select id="constr">
<option>chart</option>
<option>stockChart</option>
<option>mapChart</option>
<option>ganttChart</option>
</select>
</div>
</div>
<div class="panel-container chart-panel box-size">
<div class="panel" style="pointer-events: auto">
<h1>Result Preview</h1>
<div id="preview-container" class="preview-container">
<div class="info">Click the Preview button to see a preview.</div>
</div>
</div>
</div>
<div class="buttons">
<button id="preview" class="button">PREVIEW</button>
<button id="download" class="button">DOWNLOAD</button>
</div>
</div>
<div class="header"></div>
</body>
<script>
highexp.init();
</script>
</html>