TChart.js is a simple Javascript Bar and Line Chart library based on Canvas along with animations if the user wants to create animated charts. TChart.js is an optical library to provide a simple, configurable, and dependency-free experience.
Drawing Chart
After creating the methods, call the TChart object to create a line or bar chart.
Parameters
chartId - containerId (String)Defines the id of the container like “chart“.chartWidth (Integer)Defines the width of the chart as 600.chartHeight (Integer)Defines the Height of the chart as 450.data (Objects Array)Defines the data objects. The objects should have 2 key-value pairs: label and value.
Must Read: Declarative, Interactive Linked Chart & Graph Components | vueplotlib
How to make use of it:
1. Download TChart.min.js and include it in your project.
<script src="TChart.min.js"></script>
2. To create a bar or line chart, you will need a block-level container.
<div id="chart">This will be our chart!</div>
3. Then you can create a TChart object in your Javascript file.
let chart = new TChart(chartId, chartWidth, chartHeight, data);
4. Parameters:
let data = [
{ label: "Jan", value: 24 },
{ label: "Feb", value: 124 },
{ label: "March", value: 65 },
{ label: "April", value: 98 },
{ label: "May", value: 65 },
{ label: "June", value: 129 },
{ label: "July", value: 198 },
{ label: "Aug", value: 256 },
{ label: "Sep", value: 77 },
];
See Demo And Download
Official Website(talhakhalid-tech): Click Here
This superior jQuery/javascript plugin is developed by talhakhalid-tech. For extra Advanced Usage, please go to the official website.
