Chart Editor
Overview
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.
Prerequisites
Chart Editor works only if proper AnyChart files are included.
Minimal
<!-- anychart -->
<script src="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Fjs%2Fanychart-bundle.min.js"></script>
<!-- anychart CSS -->
<link href="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Fcss%2Fanychart-ui.min.css" type="text/css" rel="stylesheet">
<link href="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Ffonts%2Fcss%2Fanychart-font.min.css" type="text/css" rel="stylesheet">
Maps
It is recommended to include proj4.js if you plan to use Maps:
<!-- include this if you plan to use Maps -->
<script src="proxy.php?url=https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fproj4js%2F2.3.15%2Fproj4.js"></script>
Themes
If you want to use themes, you need to include desired theme files as well:
<!-- themes -->
<script src="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Fthemes%2Fcoffee.min.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Fthemes%2Fdark_blue.min.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Fthemes%2Fdark_earth.min.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Fthemes%2Fdark_glamour.min.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Fthemes%2Fdark_provence.min.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Fthemes%2Fdark_turquoise.min.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Fthemes%2Flight_blue.min.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Fthemes%2Flight_earth.min.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Fthemes%2Flight_glamour.min.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Fthemes%2Flight_provence.min.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Fthemes%2Flight_turquoise.min.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Fthemes%2Fmonochrome.min.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Fthemes%2Fmorning.min.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Fthemes%2Fpastel.min.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Fthemes%2Fsea.min.js"></script>
<script src="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Fthemes%2Fwines.min.js"></script>
Files
Chart Editor files to be included:
<!-- chart editor CSS-->
<link href="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Fcss%2Fanychart-editor.min.css" type="text/css" rel="stylesheet"></script>
<!-- chart editor JS-->
<script src="proxy.php?url=https%3A%2F%2Fcdn.anychart.com%2Freleases%2F8.14.1%2Fjs%2Fanychart-editor.min.js"></script>
Using
AnyChart Chart Editor UI can be configured and used in several ways - please see Configuration and Use Cases to learn more.
Contributing
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/.
Licensing
Please contact AnyChart Licensing Team if you are planning to use AnyChart Charts Editor in your project.