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

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

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

时间:2024-10-25 19:14:57
1、第一步,在HBuilderX中新建一个vue文件,并在<template></template>插入一个div,设置ID和样式属性,如下图所示:
3、第三步,在methods方法中,定义函数drawColumn,创建柱状图的数据和属性,如下图所示:
5、第五步,在对应的方法后面,添加生成随机颜色的函数方法,有返回值,如下图所示: