Actually, don't need chart pie control can refer back to this commit if decide to use it in future
This commit is contained in:
@@ -1,43 +0,0 @@
|
|||||||
<script>
|
|
||||||
import { Pie } from "vue-chartjs";
|
|
||||||
/*
|
|
||||||
Bar,
|
|
||||||
HorizontalBar,
|
|
||||||
Doughnut,
|
|
||||||
Line,
|
|
||||||
Pie,
|
|
||||||
PolarArea,
|
|
||||||
Radar,
|
|
||||||
Bubble,
|
|
||||||
Scatter
|
|
||||||
*/
|
|
||||||
//https://vue-chartjs.org/guide/
|
|
||||||
//https://www.chartjs.org/docs/latest/
|
|
||||||
//https://dyclassroom.com/chartjs/how-to-create-a-pie-chart-using-chartjs
|
|
||||||
export default {
|
|
||||||
extends: Pie,
|
|
||||||
props: {
|
|
||||||
chartData: {
|
|
||||||
type: Object,
|
|
||||||
default: null
|
|
||||||
},
|
|
||||||
options: {
|
|
||||||
type: Object,
|
|
||||||
default: null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
chartData() {
|
|
||||||
//these do nothing
|
|
||||||
//this.$data._chart.update();
|
|
||||||
//this.$data._chart.renderChart();
|
|
||||||
|
|
||||||
//this redraws the chart
|
|
||||||
this.renderChart(this.chartData, this.options);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.renderChart(this.chartData, this.options);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
@@ -56,7 +56,6 @@ import reportSelectorControl from "./components/report-control.vue";
|
|||||||
import wikiControl from "./components/wiki-control.vue";
|
import wikiControl from "./components/wiki-control.vue";
|
||||||
import attachmentControl from "./components/attachment-control.vue";
|
import attachmentControl from "./components/attachment-control.vue";
|
||||||
import chartLineControl from "./components/chart-line-control.vue";
|
import chartLineControl from "./components/chart-line-control.vue";
|
||||||
//import chartPieControl from "./components/chart-pie-control.vue";
|
|
||||||
import chartBarControl from "./components/chart-bar-control.vue";
|
import chartBarControl from "./components/chart-bar-control.vue";
|
||||||
import chartBarHorizontalControl from "./components/chart-bar-horizontal-control.vue";
|
import chartBarHorizontalControl from "./components/chart-bar-horizontal-control.vue";
|
||||||
|
|
||||||
@@ -189,7 +188,6 @@ Vue.component("gz-extensions", extensionsControl);
|
|||||||
Vue.component("gz-wiki", wikiControl);
|
Vue.component("gz-wiki", wikiControl);
|
||||||
Vue.component("gz-attachments", attachmentControl);
|
Vue.component("gz-attachments", attachmentControl);
|
||||||
Vue.component("gz-chart-line", chartLineControl);
|
Vue.component("gz-chart-line", chartLineControl);
|
||||||
//Vue.component("gz-chart-pie", chartPieControl);
|
|
||||||
Vue.component("gz-chart-bar", chartBarControl);
|
Vue.component("gz-chart-bar", chartBarControl);
|
||||||
Vue.component("gz-chart-bar-horizontal", chartBarHorizontalControl);
|
Vue.component("gz-chart-bar-horizontal", chartBarHorizontalControl);
|
||||||
//3rd party components
|
//3rd party components
|
||||||
|
|||||||
Reference in New Issue
Block a user