ASP.NET Web 用柱状图显示一星期内每天的营业额

ASP.NET Web 用柱状图显示一星期内每天的营业额

准备工作 :到echarts官网下载插件

https://echarts.baidu.com/
在这里插入图片描述
必须给柱状图设置高度,否则显示不出来
在这里插入图片描述
我先给大家看一下效果图:因为前些天没客人消费,所以营业额是0,故不显示
在这里插入图片描述
接下来看代码:图1、图2、图3、为一个方法,因为代码有些长所以就分开截了,大家谅解一下
图1:下面有个方法,这个方法用来查询在当天的前6天每一天的营业额度查出来,到后面在加进柱状图里面显示。其他的一些代码都是填写柱状图的样式,标题等在这里插入图片描述
(图1)
图2:把查询出来的营业额度加入柱状图并且显示出来
在这里插入图片描述
(图2)
图3:使用刚指定的的配置项和数据显示图表
在这里插入图片描述
(图-3)
到这里就是控制请求的方法了,该方法的作用就是:大家应该都知道了,就是返回前面六天的每一天营业额,嗯。我在详细讲一下该方法的一个思路:

  1. 在开始的时候我定义两个数组,一个是保存:时间(日期),第二个数组就是保存一下当天的营业额度
  2. for循环7次 (因为我需要查出7天内的营业额),每一次循环查出来的值,分别保存到对应的数组里面去。
  3. 把两个数组返回视图层
  4. 完成

在这里插入图片描述
2019-01-18
吴耀存

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值