81a9a4e0e8
- [init] annotations - basic chart - [outline] stacked and mixed - [outline] trends and regions
68 lines
723 B
Markdown
68 lines
723 B
Markdown
## Plotting Trends
|
|
Line charts a great to show trends data. Given that such data usually involves a large number of data points. Changing some properties of a default line chart can reduce clutter.
|
|
|
|
The X axis is a continuous (usually time) axis.
|
|
|
|
|
|
## Data points
|
|
For a homomorphic to plot
|
|
|
|
Or you could just choose to show only the dots instead
|
|
|
|
|
|
|
|
## Region Chart
|
|
|
|
Or a more subtle way to show gradation of values.
|
|
|
|
|
|
|
|
|
|
## Combinations
|
|
```js
|
|
lineOptions: {
|
|
dotSize: 8 // default: 4
|
|
},
|
|
```
|
|
|
|
Here's a demo using different combinations of the line options.
|
|
|
|
<div class="demo" id="line-trends-region-toggle"></div>
|
|
|
|
Next up, we'll play around with more than one datasets play out in charts.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|