index.js 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. let app = new Vue({
  2. el: '#app',
  3. data () {
  4. return {}
  5. },
  6. created () {
  7. },
  8. beforeDestroy () {
  9. },
  10. mounted () {
  11. // setTimeout(() => {
  12. // this.moChart()
  13. // })
  14. this.moChart()
  15. },
  16. methods: {
  17. moChart () {
  18. //获取dom元素
  19. let myChart = echarts.init(this.$refs['echart1'])
  20. option = {
  21. animationDuration: 2000,
  22. xAxis: {
  23. type: 'category',
  24. data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  25. },
  26. yAxis: {
  27. type: 'value'
  28. },
  29. series: [
  30. {
  31. data: [
  32. 120,
  33. {
  34. value: 200,
  35. itemStyle: {
  36. color: '#a90000'
  37. }
  38. },
  39. 150,
  40. 80,
  41. 70,
  42. 110,
  43. 130
  44. ],
  45. type: 'bar'
  46. }
  47. ]
  48. };
  49. //轮播
  50. // tools.loopShowTooltip(myChart, option, {
  51. // nterval: 2000,
  52. // loopSeries: true,
  53. // });
  54. //注册
  55. myChart.setOption(option)
  56. },
  57. yuanChange (value) {
  58. return Number((value / 100000000).toFixed(2))
  59. },
  60. // 逢三折断
  61. numFormat (value) {
  62. if (!value) return '0'
  63. // var intPart = Number(value).toFixed(0) // 获取整数部分
  64. var intPart = parseInt(value)// 获取整数部分
  65. var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') // 将整数部分逢三一断
  66. var floatPart = '.00' // 预定义小数部分
  67. var value2Array = value.toString().split('.')
  68. // =2表示数据有小数位
  69. if (value2Array.length === 2) {
  70. floatPart = value2Array[1].toString() // 拿到小数部分
  71. if (floatPart.length === 1) {
  72. // 补0
  73. return intPartFormat + '.' + floatPart + '0'
  74. } else {
  75. floatPart = floatPart.slice(0, 2)
  76. return intPartFormat + '.' + floatPart
  77. }
  78. } else {
  79. return intPartFormat
  80. }
  81. },
  82. })