zoukankan      html  css  js  c++  java
  • Echart可视化学习(十一)

    官网找到类似实例, 适当分析,并且引入到HTML页面中

    代码整理

    去掉标题

    去掉工具箱

    去掉一个图

    查看效果

    Index.html中的组件

    在index.js中立即执行函数

    实例化对象

    指定配置

    把配置给实例对象

    让图表跟随屏幕自动的去适应

    查看效果

    根据需求定制图表

    需求1:颜色设置

    需求2:修改饼形图大小 ( series对象)

    需求3: 把饼形图的显示模式改为 半径模式

    需求4:数据使用更换(series对象 里面 data对象)

    位置修改

    需求5:字体略小些 10 px ( series对象里面设置 )

    饼图图形上的文本标签可以控制饼形图的文字的一些样式。 label 对象设置

    需求6:防止缩放的时候,引导线过长。引导线略短些 (series对象里面的 labelLine 对象设置 )

    连接图表 6 px

    连接文字 8 px

    Legend设置

    查看效果

  • 相关阅读:
    DQL-联合查询
    DQL-分页查询
    DQL-子查询
    DQL-分组查询
    DQL-常见的函数
    DQL-排序查询
    DQL-条件查询
    前端底层-js介绍
    HTML8
    HTML7
  • 原文地址:https://www.cnblogs.com/bqwzy/p/15779487.html
Copyright © 2011-2022 走看看