echarts渐变色设置

 时间:2024-10-12 10:54:14

1、打开HBuilderX开发工具,新建一个砾班柩盖静态页面文件,并引入jquery-3.4.1.min.js和echarts.min.js

echarts渐变色设置

2、在<body></body>标签中,插入一个div标签,并豹肉钕舞设置id属性值为gkm;使用ID选择器设置图形容器大小

echarts渐变色设置

3、在script标签中,实例化对象line;定义图形数据和相关属性对象option;然后调用setOption()方法

echarts渐变色设置

4、保存代码并运行页面文件,打开浏览器,可以查看到一个面积图

echarts渐变色设置

5、在option对象中,添加areaStyle,并调用echarts.graphic.LinearGradient()方法设置渐变色

echarts渐变色设置

6、再次保存代码并刷新浏览器,可以看到面积图的面颜色出现渐变效果

echarts渐变色设置
  • 怎样使用 VPX总线架构的高性能实时信号处理平台
  • 班组设备管理的基本要求?
  • 学习HTBX-H变压器绕组变形测试仪的特点与参数
  • 踩踏视频的制作
  • 皮皮虾怎么进入反馈
  • 热门搜索
    关于安全的手抄报内容 新学期新气象手抄报 民族手抄报 创文明城市手抄报 禁毒防艾手抄报 科技创新手抄报 关于诗歌的手抄报 绿色校园手抄报 爱国卫生手抄报 卫生与健康手抄报