Hightchart 实现 polar 雷达图

需要多引入一个highchart-more.js 推荐一个在线编辑的网站:http://code.hcharts.cn/demos/hhhhig $(function () { $('#container').highcharts({ chart: { ...

2015-08-22 21:36:15

阅读数:6383

评论数:0

sparkline highcharts 组合使用

highcharts插件js: /** * Created by yaung on 2014/12/20. */ (function($){ $.extend({ getStartAngle : function (value,control) { ...

2015-01-27 13:22:55

阅读数:3329

评论数:0

highcharts的封装与使用!

使用环境:struts2 json 使用目的:统计图 流程:只需要在jsp页面配置,就能实现数据的线状图,柱状图,饼状图的统计 一个例子: 1.JSP页面: "text/html; charset=utf-8" %> html xmlns="htt...

2014-12-15 21:10:07

阅读数:1749

评论数:0

highcharts图表合唱篇:如何结合Renderer.circle渲染类实现一些无厘头的需求如圆环内环颜色填充

今天与群里的大伙弄了一个很有意思的东西。这个有意思的东西来源于一个想借用饼状图pie实现一个环形图,且环形图内环需要设置一个颜色,另外显示最小块的百分比在内环内。至于如何在饼状图的基础上弄成环形图前面已经写了一篇相关性的文章,请参考:http://www.stepday.com/topic/?73...

2014-12-14 19:36:04

阅读数:5183

评论数:0

HighCharts之2D圆环图 donut

1、实例源码 Donut.html: HighCharts 2D圆环图 $(function(){ var colors = Highcharts.getOptions().colors, categories = ['花', '树...

2014-12-14 19:12:02

阅读数:3114

评论数:0

Highcharts图表结构分析:详解坐标轴及其类型

Highcharts所有的图表除了饼图都有X轴和Y轴,默认情况下,x轴显示在图表的底部,y轴显示在左侧(多个y轴时可以是显示在左右两侧),通过chart.inverted = true 可以让x,y轴显示位置对调。下图为图表中坐标轴组成部分。 一、坐标轴组成部分 轴标题...

2014-03-05 11:43:45

阅读数:2259

评论数:0

基于Highcharts绘制差值连接线

话说图形我们一般用于了解趋势, 快速定位问题所在, 但想要对数值进行精确评估, 还是直白的表格 + 数字好了. 但这样问题就来了, 如果我们既想了解趋势, 又想了解具体数值的差异, 那该怎么办呢? 是用柱状图 + 表格吗? 我觉得还是这样的好! 让用户选择图形上的点, 自动比较两...

2014-03-03 16:45:35

阅读数:1054

评论数:0

Highchart legend属性 实现翻页显示效果,解决legend过长

legend: {             layout: 'vertical',             align: 'right',             verticalAlign: 'top',             y: 30,             navigatio...

2014-02-26 06:47:59

阅读数:3165

评论数:3

Highcharts绘制饼图

1、使用Highcharts制作饼图的效果图如下: 2、对应的JavaScript代码---pie-chart.js如下: [javascript] view plaincopy $(function () {       v...

2014-02-12 15:37:59

阅读数:2894

评论数:3

Highcharts绘制直线图

1.Highcharts简介 Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。目前HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图...

2014-02-12 15:36:26

阅读数:1733

评论数:0

highChart另类使用及一些属性

效果图: 具体代码: 包括背景透明,图表中载入图片等; function showPie(name){ var a = [ {name:'A',y:100,href:'http://www.baidu.com',color:'#D587CE'}, ...

2013-11-26 20:00:18

阅读数:1399

评论数:0

HighCharts 非规律日期 多条曲线的 绘画

项目中需要为A,B 2个元素 绘出统计值的曲线,但A与B 的 时间点 并不一致,查找HighCharts API后 ,发现了解决方法 $(function () { var chart = new Highcharts.Chart({ chart: { ...

2013-03-08 16:25:07

阅读数:7531

评论数:0

highcharts点击事件获取点击点的值

还是直接来段代码吧。 [javascript] chart = new Highcharts.Chart({      plotOptions: {          series: {              cursor: 'pointer',              ev...

2013-03-06 13:03:45

阅读数:2147

评论数:0

highchart插件属性说明

一.chart的部分相关属性说明     renderTo: 'container',      //图表的页面显示容器(也就是要显示到的div)     defaultSeriesType: 'line',  //图表类型(line、spline、scatter、splinearea...

2013-03-06 12:31:10

阅读数:2295

评论数:1

HighCharts 饼图背景色透明

默认的highcharts 背景都是白色,这次项目中需要在highcharts图的后面显示背景图片,所以必须让chart背景透明: function showPie(name){ var a = [ {name:'A',y:100,href:'http...

2013-02-05 13:03:26

阅读数:9492

评论数:0

jquery图表,范例及推荐 highchart+sparkline

HIGHCHARTS  官网:http://www.highcharts.com/ code:具体操作网管API中都有。 /** * 画一个柱状图 * @param valueList 图表的值 (数组) * @param dateList 日期值 (数组) * @param ...

2012-10-22 10:05:30

阅读数:5877

评论数:1

提示
确定要删除当前文章?
取消 删除
关闭
关闭