Web开发
文章平均质量分 56
日西月东
间歇性踌躇满志,持续性混吃等死。
展开
-
玩转Highcharts图表库系列(一) 显示多条曲线
Highcharts是一款纯javascript编写的图表库,能够很简单便捷地在Web网站或Web应用中添加交互性的图表,Highcharts目前支持直线图、曲线图、面积图、柱状图、饼图、散点图等多达18种不同类型的图表,功能强大、简单易用,并且开源免费。笔者曾经在多个能耗管理系统中使用到了它,为了满足各种图表显示要求,也算是历经磨难。有关于基础的使用方法和完整的API请查看Highcharts中文原创 2015-11-26 09:56:56 · 10174 阅读 · 1 评论 -
玩转Highcharts图表库系列(二) 沿X轴设置不同的背景色分辨带
在Highcharts中文网里,介绍了如何按照Y轴的数值范围设置背景色,也叫分辨带,它提供的demo效果像这样:代码在这里而如果要想沿着X轴设置不同的背景色或者叫分辨带该怎么办呢,在笔者的项目中,就曾经碰到过这样的需求。因为电能统计的时候是按照用电时间区分峰平谷电价的。尽量调节用电高峰到谷时电价区间,是节能的一个办法。原创 2015-11-26 10:01:58 · 4619 阅读 · 1 评论 -
玩转Highcharts图表库系列(三) 给曲线加上点击事件
一般来说,曲线反应的是某个属性在一段时间内的波动变化。在Highchart曲线图上,把鼠标放到曲线上,那么随着鼠标的移动,该属性值也会显示出来方便查看。但是如果这个属性是一个复合属性,它还有更细致的组成部分需要被详细读出,那么最便捷的操作就是在曲线的这个点上进行点击操作了。这个曲线是对总用电功率的分时展示,点击其中的任何点,都会更新一个弹出窗口,在弹出窗口里显示该点时刻用电功率排名前三的房间。在Hi原创 2015-11-27 09:23:58 · 9203 阅读 · 1 评论 -
玩转Highcharts图表库系列(四) 散点图和曲线图的混合显示
Highcharts提供了多种类型的图表形式,在其中文网上可以查看到各种示例。下面要分享的案例是同时显示当日数据和历史参考数据,但是把历史参考数据显示成散点图的形式,当日数据显示为曲线。图截的日期不是很好,当时只显示了历史参考数据的散点图,因为当日没有数据进数据库,也就获取不到数据,不过从下方的图例可以看出来。原创 2015-11-27 09:48:53 · 6082 阅读 · 1 评论 -
【转载】有了这个列表,程序员不愁没练手的小项目了
文本操作逆转字符串——输入一个字符串,将其逆转并输出。拉丁猪文字游戏——这是一个英语语言游戏。基本规则是将一个英语单词的第一个辅音音素的字母移动到词尾并且加上后缀-ay(譬如“banana”会变成“anana-bay”)。可以在维基百科上了解更多内容。统计元音字母——输入一个字符串,统计处其中元音字母的数量。更复杂点的话统计出每个元音字母的数量。判断是否为回文——判断用户输入的字符串...转载 2018-07-25 16:11:56 · 378 阅读 · 0 评论