Welcome to the FAQ page! Here you'll find answers to the most common questions about js-charts.

js-charts is a low-code charting and graphing solution. Charts are defined as HTML elements which are parsed and rendered into charts.

This project is for anyone wishing to add high-quality charts to their website, presentation or documentation without having to write any code.

The copyright text that appears in a chart's footer can be customized in two ways:

1. Change the value in the IDEFAULT_DESIGN_TEMPLATES constant in the js/js-chart-common.js file. The IDEFAULT_DESIGN_TEMPLATES constant is an array containing multiple style templates. Change the value of the footer_inner_text element in every style template in the array.
2. The copyright text can also be adjusted on a chart-by-chart basis using the js-footer-inner-text style directive. Specify the new copyright text by including the js-footer-inner-text directive in the chart container. Refer to the Style Directives page for detailed instuctions on how to customize a chart using style directives.

Due to certain color formats that use the comma character, the color palette list must always be separated by a semi-color character. As demonstrated below, different color formats can be mixed inside one js-color-palette style directive container, but each color must be separated with a semi-colon character.

<div class="js-color-palette">#ffa500; rgb(62, 88, 121); rgb(33, 53, 85, 0.5); hsl(199, 31%, 55%); hsla(182, 25%, 40%, 0.6); Brown</div>

Failing the use a semi-colon character as separator for the js-color-palette directive may result in either a complete black, white or transparent chart.

🏷️ Data Labels

Not really. Charts are rendered using CSS and JS, which are supported by all modern browsers on all major platforms.

git clone https://github.com/wrathtafarian/js-charts.git
cd js-charts

Open one of the example .htm files included in the /examples/ folder in the repository.

Visit in example page your browser:

file:///C:/js-charts/poc-pie-light.htm

Start playing around with different chart types.

Your project should now be up and running. Start building, exploring, or contributing!

npm test
# or
pytest

See the Testing & Debugging guide for more info.

Set the environment variable:

export DEBUG=true

Or pass the --debug flag when running the app.

Check out the Contributing Guide for steps on how to fork, branch, make changes, and open a pull request.

• Do not open a public issue.
• Please email us directly at: [email protected]
• 🕵️ We take the security and privacy of all of our users very seriously and will respond as quickly as we can.

• Open an issue on GitHub.
• Check out the Discussions tab.
• Reach out via the Contact & Support page.