2.0.1 • Published 1 year ago
chartjs-chart-matrix v2.0.1
chartjs-chart-matrix
Chart.js v3+, v4+ module for creating matrix charts
Example
Documentation
You can find documentation for chartjs-chart-matrix at https://chartjs-chart-matrix.pages.dev/.
Quickstart
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/chart.js@3.7"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-chart-matrix@1.1"></script>
</head>
<body>
<div class="chart-container">
<canvas id="matrix-chart">
</div>
<script>
const chart = new Chart('matrix-chart', {
type: 'matrix',
data: {
datasets: [{
label: 'Basic matrix',
data: [{x: 1, y: 1}, {x: 2, y: 1}, {x: 1, y: 2}, {x: 2, y: 2}],
borderWidth: 1,
borderColor: 'rgba(0,0,0,0.5)',
backgroundColor: 'rgba(200,200,0,0.3)',
width: ({chart}) => (chart.chartArea || {}).width / 2 - 1,
height: ({chart}) => (chart.chartArea || {}).height / 2 - 1,
}],
},
options: {
scales: {
x: {
display: false,
min: 0.5,
max: 2.5,
offset: false
},
y: {
display: false,
min: 0.5,
max: 2.5
}
}
}
});
</script>
</body>
This simple example is also available online in the documentation: https://chartjs-chart-matrix.pages.dev/usage.html
Development
You first need to install node dependencies (requires Node.js):
> npm install
The following commands will then be available from the repository root:
> npm run build // build dist files
> npm test // run all tests
> npm run lint // perform code linting
> npm package // create an archive with dist files and samples
License
chartjs-chart-matrix is available under the MIT license.
2.0.1
1 year ago
2.0.0
1 year ago
1.3.0
1 year ago
1.2.1
1 year ago
1.2.0
2 years ago
1.1.1
2 years ago
1.1.0
3 years ago
1.0.2
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago
1.0.0-rc
3 years ago
1.0.0-beta.2
3 years ago
1.0.0-beta
4 years ago
1.0.0-alpha8
4 years ago
1.0.0-alpha7
4 years ago
1.0.0-alpha6
4 years ago
1.0.0-alpha5
4 years ago
1.0.0-alpha4
5 years ago
1.0.0-alpha3
5 years ago
0.1.3
5 years ago
1.0.0-alpha2
5 years ago
1.0.0-alpha1
5 years ago
0.1.2
5 years ago
0.1.1
5 years ago
0.1.0
5 years ago