Enable Advanced Customization

The advanced editor allows for editing every property in the Highcharts API. When enabled, it appears in a separate tab --- ADVANCED --- in the customize wizard step.

Only the simple property editor is included in baked sources. This is because the required meta data to enable the advanced editor is large enough to be inconvenient in most cases (adds around 700kb to the minified sources).

Run gulp with-advanced to bake a minified version of the advanced editor. This will pull in the latest API dump from api.highcharts.com, and transform it to editor-compatible meta data and put it in the source tree. It will also create dist/highcharts-editor.advanced.min.js, which can be included in your project to enable the advanced editing capabilities.

Alternatively, you can download the latest pre-built advanced file here.

If you enable advanced customizations, it's also recommended you include CodeMirror to get full syntax highlighting and so on in the case of properties that are more "loose" than others (e.g. additional SVG attributes and such). You can set the theme used (default is neo) by calling highed.option('codeMirrorTheme', '<new theme>');

If CodeMirror isn't included in the page, these settings will default to a standard text area.