mirror of
https://github.com/chartjs/Chart.js.git
synced 2024-10-07 04:39:06 +02:00
37 lines
1.5 KiB
Markdown
37 lines
1.5 KiB
Markdown
|
# Category Cartesian Axis
|
||
|
|
|
||
|
|
The category scale will be familiar to those who have used v1.0. Labels are drawn from one of the label arrays included in the chart data. If only `data.labels` is defined, this will be used. If `data.xLabels` is defined and the axis is horizontal, this will be used. Similarly, if `data.yLabels` is defined and the axis is vertical, this property will be used. Using both `xLabels` and `yLabels` together can create a chart that uses strings for both the X and Y axes.
|
||
|
|
|
||
|
|
## Tick Configuration Options
|
||
|
|
|
||
|
|
The category scale provides the following options for configuring tick marks. They are nested in the `ticks` sub object. These options extend the [common tick configuration](README.md#tick-configuration).
|
||
|
|
|
||
|
|
| Name | Type | Default | Description
|
||
|
|
| -----| ---- | --------| -----------
|
||
|
|
| `min` | `String` | | The minimum item to display. [more...](#min-max-configuration)
|
||
|
|
| `max` | `String` | | The maximum item to display. [more...](#min-max-configuration)
|
||
|
|
|
||
|
|
## Min Max Configuration
|
||
|
|
For both the `min` and `max` properties, the value must be in the `labels` array. In the example below, the x axis would only display "March" through "June".
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
let chart = new Chart(ctx, {
|
||
|
|
type: 'line',
|
||
|
|
data: {
|
||
|
|
datasets: [{
|
||
|
|
data: [10, 20, 30, 40, 50, 60]
|
||
|
|
}],
|
||
|
|
labels: ['January', 'February', 'March', 'April', 'May', 'June'],
|
||
|
|
},
|
||
|
|
options: {
|
||
|
|
scales: {
|
||
|
|
xAxes: [{
|
||
|
|
ticks: {
|
||
|
|
min: 'March'
|
||
|
|
}
|
||
|
|
}]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
```
|