ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

php – 日期范围Google Chart Tools

2019-06-21 04:18:17  阅读:129  来源: 互联网

标签:php javascript google-visualization


我正在尝试使用Google Charts在折线图上显示数据.数据显示正常,但我想设置一个日期范围来显示.

数据以JSON文字格式从数据库发送:

{
    "cols": [
                {"label": "Week", "type": "date"},
                {"label": "Speed", "type": "number"},               
                {"type":"string","p":{"role":"tooltip"}},   
                {"type":"string","p":{"role":"tooltip"}},   
                {"type":"string","p":{"role":"tooltip"}},   
                {"type":"string","p":{"role":"tooltip"}},   

            ],
    "rows": [
               {"c":[{"v": "Date('.$date.')"},{"v": null},{"v": null},{"v": null},{"v": null},{"v": null}]},
               {"c":[{"v": "Date('.$date.')"},{"v": null},{"v": null},{"v": null},{"v": null},{"v": null}]}
            ] 
}

数据按周或月显示(为便于阅读,为null),例如本周:

2012, 02, 06
2012, 02, 07
2012, 02, 09 

数据未设置为每周的每天,因此在此示例中仅显示上述日期.我希望展示的是本周开始(2012年,02年,06年)到本周末(2012年,02年,12年),类似于第三个例子here.

我设法通过检查数据库中是否存在日期来显示整周,如果没有追加额外的行将是空数据,这意味着该行不连续且日期不按顺序排列.

任何人都可以就如何做到这一点提出任何建议吗?

谢谢!

解决方法:

您是否尝试将丢失的日期保留为缺少日期(即让数据库返回2个值而不是7个)?

连续轴应该处理缺少的日期,您只需要从一周的开始到结束设置axis range.

UPDATE

对于interactive line chart,轴范围可以这样设置(受到this thread的启发):

hAxis: {...
        viewWindowMode: 'explicit',
        viewWindow: {min: new Date(2007,1,1),
                     max: new Date(2010,1,1)}
        ...}

http://jsfiddle.net/REgJu/

标签:php,javascript,google-visualization
来源: https://codeday.me/bug/20190621/1251183.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有