index.vue 830 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <template>
  2. <div>
  3. <Chart :cdata="cdata" />
  4. </div>
  5. </template>
  6. <script>
  7. import Chart from './chart.vue';
  8. export default {
  9. data () {
  10. return {
  11. cdata: {
  12. // xData: ["data1", "data2", "data3", "data4", "data5", "data6"],
  13. xData: ["单数", "金额"],
  14. // seriesData: [
  15. // { value: 100, name: "data1" },
  16. // { value: 100, name: "data2" },
  17. // { value: 100, name: "data3" },
  18. // { value: 90, name: "data4" },
  19. // { value: 70, name: "data5" },
  20. // { value: 50, name: "data6" }
  21. // ]
  22. seriesData: [
  23. { value: 10, name: "单数" },
  24. { value: 1000, name: "金额" },
  25. ]
  26. }
  27. }
  28. },
  29. components: {
  30. Chart,
  31. },
  32. mounted () {
  33. },
  34. methods: {
  35. }
  36. }
  37. </script>
  38. <style lang="scss" scoped>
  39. </style>