highchart
关注
分享
扫一扫
文章平均质量分 85
zengshaotao
大道至简，未来可期
展开
-
HighChart
图形展示，往往比数据来的更直观，更耐看。而在众多的图形插件中，Hightcharts算是一个非常不错的插件，支持非常多的种类，比如柱形图，饼图，折线趋势图，二维三维等等，详细内容查看官网是http://www.highcharts.com/ 还是看个入门的例子吧， function chart1(){ $('#container').highcharts({ ...2015-02-12 15:02:01 · 111 阅读 · 0 评论 -
highchart图形上弹出提示
<style type="text/css"> .biself {width:100%;height:auto;float:left;}//注意样式继承的特性，即其子元素也会有容器设定的样式，如果子元素也有这样属性的话。当然，子元素再重新设置样式时，这个时候就是覆盖了。.biself .imself{height:auto;line-heig...原创 2015-06-30 22:21:25 · 584 阅读 · 0 评论 -
双Y轴
$(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: 'container' }, xAxis: [{ categories:...原创 2016-06-24 17:36:59 · 194 阅读 · 0 评论 -
图形Y轴参数的例子
$(function () { var chart = new Highcharts.Chart({ chart: { renderTo: 'container1' }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'Ma...原创 2016-06-24 17:42:36 · 134 阅读 · 0 评论 -
饼图的说明
$(function () { var chart; //加载highcharts图表 $(document).ready(function () { // Build the chart chart = new Highcharts.Chart({...原创 2015-10-26 18:35:46 · 433 阅读 · 0 评论 -
饼图下钻
$(function () { var chart; $(document).ready(function () { //定义一系列的参数以及初始化 var colors = Highcharts.getOptions().colors, categories = ['MSIE', 'Firefox', 'Chro...原创 2015-10-28 18:18:58 · 605 阅读 · 0 评论 -
饼图实例
$(function () { var chart;var totalMoney=50000 $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: 'pie_chart', ...原创 2015-10-28 18:20:11 · 584 阅读 · 0 评论 -
饼图实例
1. highcharts实例代码，其中导出功能没有配置本地化，用的是官方导出接口。<html> <head> <title>highcharts报表示例</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"原创 2015-10-28 18:20:41 · 146 阅读 · 0 评论 -
Highcharts的基本属性和方法详解
原文地址：http://www.aimks.com/basic-properties-and-methods-rounding-highcharts.htmlHighcharts的基本属性和方法详解2013年10月30日 MK 应用软件 36 阅读 32493次Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有...原创 2016-11-15 17:23:44 · 185 阅读 · 0 评论 -
highchart地图
都知道echarts的图形比较煊，但是highchart也是比较实用的，速度也快 地图数据格式地址：https://data.jianshukeji.com/ 地图实例：$(function () { $.getJSON('https://data.jianshukeji.com/jsonp?filename=geochina/anhui.json&call...2017-07-22 21:19:16 · 776 阅读 · 0 评论 -
数字格式化函数：Highcharts.numberFormat()
一、函数说明该函数用于图表中数值的格式化，常见用途有数值精度控制、小数点符、千位符显示控制等。 二、函数使用 1、函数构造及参数Highcharts.numberFormat (Number number, [Number decimals], [String decimalPoint], [String thousandsSep]) 参数列表...原创 2017-01-22 20:02:06 · 709 阅读 · 0 评论 -
highchart属性详解
原文地址：http://www.aimks.com/basic-properties-and-methods-rounding-highcharts.htmlHighcharts的基本属性和方法详解2013年10月30日 MK 应用软件 5 阅读 8895次Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互...原创 2015-06-12 11:24:14 · 371 阅读 · 0 评论 -
实现双Y轴
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="HC._Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www原创 2015-05-11 16:24:11 · 235 阅读 · 0 评论 -
HighStock
$(function() { var chart = new Highcharts.StockChart({ chart: { renderTo: 'container'//指向的div的id属性 }, exporting: { enabled: false //是否能导出...原创 2015-02-12 17:33:12 · 101 阅读 · 0 评论 -
Highcharts使用指南
Highcharts使用指南 摘要Highcharts图表控件是目前使用最为广泛的图表控件。本文将从零开始逐步为你介绍Highcharts图表控件。通过本文，你将学会如何配置Highcharts以及动态生成Highchart图表。 目录前言（Preface）安装（Installation）如何设置参数（How to set up the options...原创 2015-02-12 17:54:53 · 163 阅读 · 0 评论 -
Highcharts与Highstock实例(折线图、饼图、柱状图)
1. highcharts实例代码，其中导出功能没有配置本地化，用的是官方导出接口。 复制代码代码示例:<html> <head> <title>highcharts报表示例-www.jbxue.com</title> <meta http-equiv="Content-Type" conten...原创 2015-02-12 18:01:28 · 546 阅读 · 0 评论 -
手动设置option，动态修改
<head> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script><!-- highstock.js包含了highchart.js的相关功能 --><script type="text/javascript"2015-03-04 10:47:34 · 1666 阅读 · 0 评论 -
设置当前页面图形的全局属性
//设置当前页面图形的全局属性Highcharts.setOptions({chart:{backgroundColor:{linearGradient:[100,100,500,500],stops:[//配置整个被渲染的div的颜色，这里是一个渐变色的配置[0,'rgb(0,0,255)'],[1,'rgb(0,240,255)']]},borderW...2015-03-04 11:14:51 · 97 阅读 · 0 评论 -
完整的highchart例子
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script><!-- highstock.js包含了highchart.js的相关功能 --><script type="text/javascript" src="js/highstock.js"2015-03-04 13:23:04 · 199 阅读 · 0 评论 -
el表达式需要action的get方法
@Controller(value="highChartAction")public class HighChartAction extends ActionSupport{ private static final long serialVersionUID = 1L; private String displayData="22"; public String g...2015-03-04 14:48:20 · 609 阅读 · 0 评论 -
pie图配置说明
$(function () { $('#container').highcharts({ chart: { plotBackgroundColor: ‘’, plotBorderWidth: ‘’, plotShadow: false }, title: ...2015-03-05 14:12:25 · 596 阅读 · 0 评论 -
highchart配置详细
Highcharts是一个制作图表的纯Javascript类库，主要特性如下：兼容性：兼容当今所有的浏览器，包括iPhone、IE和火狐等等；对个人用户完全免费；纯JS，无BS；支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图；跨语言：不管是PHP、Asp.net还是Java都可以使用，它只需要三个文...原创 2015-03-09 10:49:06 · 151 阅读 · 0 评论 -
highchart图标和table切换
原文地址：http://www.stepday.com/topic/?915用图表呈现数据有些时候也不是那么直观，总希望能够可以切换至表格的形式呈现数据。表格体现数据还是一目了然的。所以我们可以增加一个功能，让highcharts图表和table表格之间可以相互切换呈现数据。这里我提供了一个比较单一的切换功能，后期可以自行变换方式，比如：通过工具箱内按钮进行切换也或者右键菜单内进行切换一...原创 2015-04-17 10:10:47 · 709 阅读 · 0 评论 -
Highcharts常用问题总结
<!--[if !supportLists]-->1， <!--[endif]-->设置标题不显示：title:false用法：title: { text: false},2.时间格式的转换 用法： xAxis: { type: 'datetime', label...原创 2017-01-22 21:50:59 · 862 阅读 · 0 评论