关闭

Hightchart 实现 polar 雷达图

需要多引入一个highchart-more.js 推荐一个在线编辑的网站:http://code.hcharts.cn/demos/hhhhig $(function () { $('#container').highcharts({ chart: { polar: true, type: 'line' ...
阅读(3761) 评论(0)

sparkline highcharts 组合使用

highcharts插件js: /** * Created by yaung on 2014/12/20. */ (function($){ $.extend({ getStartAngle : function (value,control) { if(value == control){ return 90;...
阅读(2285) 评论(0)

highcharts的封装与使用!

使用环境:struts2 json 使用目的:统计图 流程:只需要在jsp页面配置,就能实现数据的线状图,柱状图,饼状图的统计 一个例子: 1.JSP页面: "text/html; charset=utf-8" %> html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" cont...
阅读(1404) 评论(0)

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

今天与群里的大伙弄了一个很有意思的东西。这个有意思的东西来源于一个想借用饼状图pie实现一个环形图,且环形图内环需要设置一个颜色,另外显示最小块的百分比在内环内。至于如何在饼状图的基础上弄成环形图前面已经写了一篇相关性的文章,请参考:http://www.stepday.com/topic/?739。接着我们就来聊聊重点地方吧。 1、如何将最小块的百分比显示在内环中 1)、我们如何才能...
阅读(4061) 评论(0)

HighCharts之2D圆环图 donut

1、实例源码 Donut.html: HighCharts 2D圆环图 $(function(){ var colors = Highcharts.getOptions().colors, categories = ['花', '树', '鱼', '鸟', '鲸'], name = 'Browser brands'...
阅读(2640) 评论(0)

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

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

基于Highcharts绘制差值连接线

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

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

legend: {             layout: 'vertical',             align: 'right',             verticalAlign: 'top',             y: 30,             navigation: {             activeColor: 'red', animation: t...
阅读(2273) 评论(3)

Highcharts绘制饼图

1、使用Highcharts制作饼图的效果图如下: 2、对应的JavaScript代码---pie-chart.js如下: [javascript] view plaincopy $(function () {       var chart;       var totalMoney=50000       $(docu...
阅读(2627) 评论(3)

Highcharts绘制直线图

1.Highcharts简介 Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。目前HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。HighCharts界面美观,由于使用JavaScript编写,所以不需要像Fl...
阅读(1142) 评论(0)

highChart另类使用及一些属性

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

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

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

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

还是直接来段代码吧。 [javascript] chart = new Highcharts.Chart({      plotOptions: {          series: {              cursor: 'pointer',              events: {                  click: function(e) {...
阅读(1666) 评论(0)

highchart插件属性说明

一.chart的部分相关属性说明     renderTo: 'container',      //图表的页面显示容器(也就是要显示到的div)     defaultSeriesType: 'line',  //图表类型(line、spline、scatter、splinearea、bar、pie、area、column)     marginRight: 50,...
阅读(2069) 评论(1)

HighCharts 饼图背景色透明

默认的highcharts 背景都是白色,这次项目中需要在highcharts图的后面显示背景图片,所以必须让chart背景透明: function showPie(name){ var a = [ {name:'A',y:100,href:'http://www.baidu.com',color:'#D587CE'},...
阅读(7730) 评论(0)
16条 共2页1 2 下一页 尾页
    个人资料
    • 访问:6996229次
    • 积分:61371
    • 等级:
    • 排名:第34名
    • 原创:250篇
    • 转载:2617篇
    • 译文:3篇
    • 评论:663条
    文章分类
    最新评论