如何利用Echarts设计椭圆角和渐变色的柱状图

 时间:2024-10-16 05:26:08

1、第一,打开HBuilder工具,创建HTML5页面文件,然后引入echarts.js

如何利用Echarts设计椭圆角和渐变色的柱状图

2、第二,在body主体标签中,插入两个div标签,内层的div作为图形容器

如何利用Echarts设计椭圆角和渐变色的柱状图

3、第三,调用echarts.init()初始化图形对象,定义图形的属性和数据源,然后调用setOption()方法加载图形

如何利用Echarts设计椭圆角和渐变色的柱状图

4、第四,保存代码并使用浏览器预览效果,可以看到柱状图,柱子颜色单一、直角

如何利用Echarts设计椭圆角和渐变色的柱状图

5、第五,接着在series对象中,添加itemStyle,设置barBorderRadius和线性渐变

如何利用Echarts设计椭圆角和渐变色的柱状图

6、第六,再次保存代码并刷新浏览器,可以查看到柱状图,变为椭圆角,有渐变色

如何利用Echarts设计椭圆角和渐变色的柱状图
  • Excel VBA ——msgbox参数
  • idea离线方式添加插件
  • wps2021表格怎么打开VB编辑器
  • python怎么使用ez_setup.py
  • VBA快速拆分工作簿中的工作表为单独EXCEL文件
  • 热门搜索
    绿色家园手抄报 消防知识手抄报 手抄报图片简单又漂亮 民法典手抄报 六一手抄报 清明节手抄报。 我的中国梦手抄报 元宵节手抄报图片大全简单又漂亮 关于法律的手抄报 从小学先锋长大做先锋手抄报