看图的数据

开发工具与关键技术:VS 与JQuery
作者:梁英豪
撰写时间:2019年4月7日

看图的数据
现在的社会!到处都有数据,但是这些数据该怎么储存下来呢?要怎么做才能一眼就能看出数据的变化?
其实老师也教过我们学习数据存储用图片来表达的。那就是系统列表。
首先列表之前。要引用一个插件就是ECharts,这个插件里面有很多样式的列举,其中就有饼图。
引用这个插件很简单就是复制到你所要用到的项目中就可以了。
在这里插入图片描述
应用完了之后就要声明这个变量。
在这里插入图片描述
声明完了就写系统列表的样式啦!这次我要做的是饼状图。要把这些数据当做一个饼干来写。
在这里插入图片描述
series这个简单就当做是一个饼干的容器。切记!里面的样式记得给单引号。不然会报错的。
Type意思就是类型。要做一个什么样的类型图,而我就做了一个pie也可以叫馅饼图。简称“饼状图”。
Radius意思就是要获取的半径是多少。我其实获取了两个圆来的。里面那个大小是30%的半径,外面那个是50%的半径。Center 意思就是居中的意思嘛!
然后就到饼干里面的内容了,内容越多饼干就越多关节。
在这里插入图片描述
Data是用来装内容部分的value是内容的多少,name是要提示这段内容的名称。
接下来就是样式了。这个就是一个简单的插件就可以完成的部分。
在这里插入图片描述
所以多学习怎么去引用好的插件。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值