文档章节

根据数据结果集,自定义展示highchart图

chro008
 chro008
发布于 2018/07/16 11:26
字数 362
阅读 14
收藏 1

Highcharts 是一个用纯js编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用. 当前状况是,从服务器端查询到一个结果集,其数据结果形如: {"columns":["col1","col2"...],"rows":[["data1","data2"...],["data11","data12"...]...]}; 和mysql的查询结果格式类似。 为了丰富展现形式,便于用户多角度,更加直观的了解数据结果,采用自定义highchart的展现形式。demo展现结果如下 demo

可以自定义展现的数据,自定义展现数据的形式以及自定义展现数据的排序方式。 核心方法是调用highchart的函数,chart.update(options,redraw),可以将要更新的图表的配置属性传给该函数,默认redraw是true,即默认会重绘图表。

源码已提交到github demo查看地址

推荐阅读 highchart API 以及成熟产品 爱图说

© 著作权归作者所有

chro008

chro008

粉丝 5
博文 46
码字总数 19512
作品 0
海淀
程序员
私信 提问
阿杜杜不是阿木木/highcharts2javatag

highcharts2javatag 通过自定义标签实现highcharts 3D图表展示,借鉴了Android适配器的思想,通过固定的数据源,展现相关图表,无需考虑图表内部实现。 演示地址: http://dtmonitor.tunnel.q...

阿杜杜不是阿木木
2016/04/06
0
0
多功能图表之highcharts的使用说明

highCharts可以说是一款知名度非常高的图表库,目前的highCharts可以支持直线图,曲线图,饼图等近18中图表 这两天也有机会接触highCharts中几款常用的图表 放图: 当然这里展示的混合是的图...

邪气小生
2015/12/23
609
0
require.js遇到的问题,求指点

在require.js里配置highchart.js时,遇到的问题 1.首先在全局中设置了highchart.js要使用的数据集 //在全局设置数据集 2.然后配置highchart 但提示 $('#biFollowPie').highcharts 这行错误,...

coco_ffqq
2015/03/05
222
0
echarts甘特图的实现问题

由于项目需要使用甘特图展现设备的运行和停机记录,每条数据都有开始时间和结束时间。选择了很多JS图表组件,amchart、highchart、echarts等,最终决定使用echarts,数据量大时加载速度也很理...

wiseli
2015/04/10
1K
3
highcharts插件使用总结和开发中遇到的问题及解决办法

这里使用的highchart是2014-01-09从官网下载的版本,版本号是3.0.8, 当过了几天后,发现版本号变成了3.0.9,不由得的感叹highchart的版本更新之快。 在jsp中使用highchart的步骤: 第一步:...

imzdx
2015/12/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

java通过ServerSocket与Socket实现通信

首先说一下ServerSocket与Socket. 1.ServerSocket ServerSocket是用来监听客户端Socket连接的类,如果没有连接会一直处于等待状态. ServetSocket有三个构造方法: (1) ServerSocket(int port);...

Blueeeeeee
今天
6
0
用 Sphinx 搭建博客时,如何自定义插件?

之前有不少同学看过我的个人博客(http://python-online.cn),也根据我写的教程完成了自己个人站点的搭建。 点此:使用 Python 30分钟 教你快速搭建一个博客 为防有的同学不清楚 Sphinx ,这...

王炳明
昨天
5
0
黑客之道-40本书籍助你快速入门黑客技术免费下载

场景 黑客是一个中文词语,皆源自英文hacker,随着灰鸽子的出现,灰鸽子成为了很多假借黑客名义控制他人电脑的黑客技术,于是出现了“骇客”与"黑客"分家。2012年电影频道节目中心出品的电影...

badaoliumang
昨天
15
0
很遗憾,没有一篇文章能讲清楚线程的生命周期!

(手机横屏看源码更方便) 注:java源码分析部分如无特殊说明均基于 java8 版本。 简介 大家都知道线程是有生命周期,但是彤哥可以认真负责地告诉你网上几乎没有一篇文章讲得是完全正确的。 ...

彤哥读源码
昨天
16
0
jquery--DOM操作基础

本文转载于:专业的前端网站➭jquery--DOM操作基础 元素的访问 元素属性操作 获取:attr(name);$("#my").attr("src"); 设置:attr(name,value);$("#myImg").attr("src","images/1.jpg"); ......

前端老手
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部