{:index 1}
Chart Editor is an AnyChart Extension that provides a UI allowing you to create and set up various chart types. The result can be saved with the data in XML or JSON format or in a reusable format with a JavaScript code string.
Chart Editor works only if proper AnyChart files are included.
<!-- anychart -->
<script src="https://cdn.anychart.com/releases/{{branch-name}}/js/anychart-bundle.min.js"></script>
<!-- anychart CSS -->
<link href="https://cdn.anychart.com/releases/{{branch-name}}/css/anychart-ui.min.css" type="text/css" rel="stylesheet">
<link href="https://cdn.anychart.com/releases/{{branch-name}}/fonts/css/anychart-font.min.css" type="text/css" rel="stylesheet">
It is recommended to include proj4.js if you plan to use Maps:
<!-- include this if you plan to use Maps -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.3.15/proj4.js"></script>
If you want to use themes, you need to include desired theme files as well:
<!-- themes -->
<script src="https://cdn.anychart.com/releases/{{branch-name}}/themes/coffee.min.js"></script>
<script src="https://cdn.anychart.com/releases/{{branch-name}}/themes/dark_blue.min.js"></script>
<script src="https://cdn.anychart.com/releases/{{branch-name}}/themes/dark_earth.min.js"></script>
<script src="https://cdn.anychart.com/releases/{{branch-name}}/themes/dark_glamour.min.js"></script>
<script src="https://cdn.anychart.com/releases/{{branch-name}}/themes/dark_provence.min.js"></script>
<script src="https://cdn.anychart.com/releases/{{branch-name}}/themes/dark_turquoise.min.js"></script>
<script src="https://cdn.anychart.com/releases/{{branch-name}}/themes/light_blue.min.js"></script>
<script src="https://cdn.anychart.com/releases/{{branch-name}}/themes/light_earth.min.js"></script>
<script src="https://cdn.anychart.com/releases/{{branch-name}}/themes/light_glamour.min.js"></script>
<script src="https://cdn.anychart.com/releases/{{branch-name}}/themes/light_provence.min.js"></script>
<script src="https://cdn.anychart.com/releases/{{branch-name}}/themes/light_turquoise.min.js"></script>
<script src="https://cdn.anychart.com/releases/{{branch-name}}/themes/monochrome.min.js"></script>
<script src="https://cdn.anychart.com/releases/{{branch-name}}/themes/morning.min.js"></script>
<script src="https://cdn.anychart.com/releases/{{branch-name}}/themes/pastel.min.js"></script>
<script src="https://cdn.anychart.com/releases/{{branch-name}}/themes/sea.min.js"></script>
<script src="https://cdn.anychart.com/releases/{{branch-name}}/themes/wines.min.js"></script>
Chart Editor files to be included:
<!-- chart editor CSS-->
<link href="https://cdn.anychart.com/releases/{{branch-name}}/css/anychart-editor.min.css" type="text/css" rel="stylesheet"></script>
<!-- chart editor JS-->
<script src="https://cdn.anychart.com/releases/{{branch-name}}/js/anychart-editor.min.js"></script>
AnyChart Chart Editor UI can be configured and used in several ways - please see Configuration and Use Cases to learn more.
AnyChart Chart Editor is developed and supported by AnyChart team, but it is not a part of the main AnyChart library. It is open source, but subject to licensing. If you want to contribute, fork, or report issues, please see https://github.com/AnyChart/chart-editor/.
Please contact AnyChart Licensing Team if you are planning to use AnyChart Charts Editor in your project.