LineChart.vue 594 B

12345678910111213141516171819202122232425262728
  1. <!--
  2. *
  3. * EliasDB - Data mining frontend example
  4. *
  5. * Copyright 2020 Matthias Ladkau. All rights reserved.
  6. *
  7. * This Source Code Form is subject to the terms of the Mozilla Public
  8. * License, v. 2.0. If a copy of the MPL was not distributed with this
  9. * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  10. *
  11. Simple line chart using vue-chartjs.
  12. -->
  13. <script>
  14. import { Line, mixins } from "vue-chartjs";
  15. export default {
  16. extends: Line,
  17. mixins: [mixins.reactiveProp],
  18. props: ["options"],
  19. mounted() {
  20. this.renderChart(this.chartData, this.options);
  21. }
  22. };
  23. </script>
  24. <style>
  25. </style>