Skip to main content

Usage

For some actual working examples see the Demos page

Download latest released version, unarchive it and place it on your server​

#downloaded from https://github.com/koroliov/x-charts-js/releases
unzip x-charts-js.zip

Have web page​

  • a div element must present and visible
  • a script of type module must be used to draw charts on the page
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Some page</title>
</head>
<body>
  ... Some content here
  <div id="x-charts-js"></div>
  <script type="module" src="/path-to-module/my-page-charts.js"></script>
  ... Some content here
</body>
</html>

In your module script​

  • import the library's main class
import XChartsJs from '/path-to/x-charts-js/main.js';
  • import main classes of components to be used. The import is needed for the component to be 'registered'.
import '/path-to/x-charts-js/components/pie-3d/main.js';
  • instantiate the library
const ins = new XChartsJs(xChartsJsConstructorArg);
  • add components to it
ins.add(addMethodArgPie3d);
ins.add(addMethodArgLegend);