This commit is contained in:
2020-06-02 14:08:31 +00:00
parent 29340ea418
commit b57ff0780b
3 changed files with 18 additions and 4 deletions

View File

@@ -1,6 +1,18 @@
<script>
import { Line } from "vue-chartjs";
/*
Bar,
HorizontalBar,
Doughnut,
Line,
Pie,
PolarArea,
Radar,
Bubble,
Scatter
*/
//https://vue-chartjs.org/guide/
//https://www.chartjs.org/docs/latest/
export default {
extends: Line,
props: {
@@ -16,8 +28,9 @@ export default {
watch: {
chartData() {
//these do nothing
// this.$data._chart.update();
// this.$data._chart.renderChart();
//this.$data._chart.update();
//this.$data._chart.renderChart();
//this redraws the chart
this.renderChart(this.chartData, this.options);
}

View File

@@ -91,7 +91,7 @@
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
/* Xeslint-disable */
////////////////////////////////////////////////////////////////////////////////////////////////////////////
//https://blog.hubspot.com/marketing/types-of-graphs-for-data-visualization
//https://medium.com/javascript-in-plain-english/exploring-chart-js-e3ba70b07aa4
import relativeDatefilterCalculator from "../api/relative-date-filter-calculator.js";
const FORM_KEY = "ops-metrics";