mirror of
https://github.com/chartjs/Chart.js.git
synced 2024-10-06 12:19:08 +02:00
4b421a50bf
The `fill` option now accepts the index of the target dataset (number) or a string starting by "+" or "-" followed by a number representing the dataset index relative to the current one (e.g. `fill: "-2"` on dataset at index 3 will fill to dataset at index 1). It's also possible to "propagate" the filling to the target of an hidden dataset (`options.plugins.filler.propagate`). Fill boundaries `zero`, `top` and `bottom` have been deprecated and replaced by `origin`, `start` and `end`. Implementation has been moved out of the line element into a new plugin (`src/plugins/plugin.filler.js`) and does not rely anymore on the deprecated model `scaleTop`, `scaleBottom` and `scaleZero` values. Drawing Bézier splines has been refactored in the canvas helpers (note that `Chart.helpers.canvas` is now an alias of `Chart.canvasHelpers`). Add 3 new examples and extend utils with a pseudo-random number generator that can be initialized with `srand`. That makes possible to design examples starting always with the same initial data.
65 lines
746 B
CSS
65 lines
746 B
CSS
body, html {
|
|
font-family: sans-serif;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.content {
|
|
max-width: 800px;
|
|
margin: auto;
|
|
padding: 16px;
|
|
}
|
|
|
|
.wrapper {
|
|
min-height: 400px;
|
|
padding: 16px 0;
|
|
position: relative;
|
|
}
|
|
|
|
.wrapper.col-2 {
|
|
display: inline-block;
|
|
min-height: 256px;
|
|
width: 49%;
|
|
}
|
|
|
|
@media (max-width: 400px) {
|
|
.wrapper.col-2 {
|
|
width: 100%
|
|
}
|
|
}
|
|
|
|
.wrapper canvas {
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
}
|
|
|
|
.toolbar {
|
|
display: flex;
|
|
}
|
|
|
|
.toolbar > * {
|
|
margin: 0 8px 0 0;
|
|
}
|
|
|
|
.btn-on {
|
|
border-style: inset;
|
|
}
|
|
|
|
.analyser table {
|
|
color: #333;
|
|
font-size: 0.9rem;
|
|
margin: 8px 0;
|
|
width: 100%
|
|
}
|
|
|
|
.analyser th {
|
|
background-color: #f0f0f0;
|
|
padding: 2px;
|
|
}
|
|
|
|
.analyser td {
|
|
padding: 2px;
|
|
text-align: center;
|
|
}
|