电脑现已成为我们工作、生活和娱乐必不可少的工具了，在使用电脑的过程中，可能会遇到怎样使echarts在vue.js生成动态随机数颜色随机的问题，如果我们遇到了怎样使echarts在vue.js生成动态随机数颜色随机的情况，该怎么处理怎么才能解决怎样使echarts在vue.js生成动态随机数颜色随机带来的困扰呢，对于这样的问题其实我们只需要echartsvue.jsJavaScriptHTML5CSS3HBuilderX浏览器截图工具第一步，在HBuilderX中新建一个vue文件，并在插入一个div，设置ID和样式属性，如下图所示：第二步，在标签内，添加export default，设置name、data和mounted，如下图所示：第三步，在method这样就解决了这样的问题，接下来给大家带来怎样使echarts在vue.js生成动态随机数颜色随机的详细操作步骤。

工具/原料

echarts
vue.js
JavaScript
HTML5
CSS3
HBuilderX
浏览器
截图工具

方法/步骤

第一步，在HBuilderX中新建一个vue文件，并在<template></template>插入一个div，设置ID和样式属性，如下图所示：

第二步，在<script></script>标签内，添加export default，设置name、data和mounted，如下图所示：

第三步，在methods方法中，定义函数drawColumn，创建柱状图的数据和属性，如下图所示：

第四步，在data中使用Math随机数，然后给柱状图添加点击事件，如下图所示：

第五步，在对应的方法后面，添加生成随机颜色的函数方法，有返回值，如下图所示：

第六步，在main.js文件中，导入echarts，并在App.vue引入创建的组件，如下图所示：

注意事项

注意如何在vue.js中创建echarts图形并获取随机图形颜色
注意在vue.js中的methods方法中方法之间相互调用

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。