随笔分类 -  highcharts

highcharts中数据列点击事件
摘要：Highcharts.chart('container', { xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, plotOptions: { series: { cursor: 'pointer', e.. 阅读全文
posted @ 2018-10-30 09:53 爱吃西红柿 阅读(3717) 评论(0) 推荐(2)
highcharts为X轴标签添加链接
摘要：$(function () { var categoryLinks = { 'Foo': 'http://www.google.com/search?q=foo', 'Bar': 'http://www.google.com/search?q=foo+bar', 'Foobar': 'http://www.google.com/serach?q=foobar' }; $('#c... 阅读全文
posted @ 2018-10-30 09:47 爱吃西红柿 阅读(1339) 评论(0) 推荐(0)
highcharts中把X轴的名字竖着显示
摘要：Highcharts.chart('container', { chart: { type: 'column' }, title: { text: 'Auto rotation limit' }, subtitle: { text: 'Short words means word-wrap makes sense' }, xAxis: { type: 'catego... 阅读全文
posted @ 2018-10-30 09:44 爱吃西红柿 阅读(1396) 评论(0) 推荐(0)
Highcharts 时间序列，可缩放的图表
摘要：配置 图表 配置可缩放图表。 chart.zoomType 指定了用户可以拖放的尺寸，用户可以通过拖动鼠标来放大，可能值是x，y或xy： var chart = { zoomType: 'x' }; plotOptions 使用 plotOptions 配置图表区域： 配置两个 Y 轴： var plotOptions = { area: { fillColor: { ... 阅读全文
posted @ 2016-09-14 10:35 爱吃西红柿 阅读(1142) 评论(0) 推荐(0)
Highcharts 异步加载数据曲线图表
摘要：导入 data.js 文件 异步加载数据需要引入以下js 文件： <script src="http://code.highcharts.com/modules/data.js"></script> 配置 X 轴 以每周为间隔设置 X 轴： var xAxis = { tickInterval: 7 阅读全文
posted @ 2016-09-14 10:31 爱吃西红柿 阅读(596) 评论(0) 推荐(0)
Highcharts 带有数据标签曲线图表
摘要：<html> <head> <meta charset="UTF-8" /> <title>Highcharts</title> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script 阅读全文
posted @ 2016-09-14 10:27 爱吃西红柿 阅读(724) 评论(0) 推荐(0)
Highcharts 基本曲线图
摘要：基本曲线图实例 文件名：highcharts_line_basic.htm Highcharts 阅读全文
posted @ 2016-09-14 10:26 爱吃西红柿 阅读(432) 评论(0) 推荐(0)
Highcharts教程2
摘要：参数配置(属性+事件) chart.events.addSeries：添加数列到图表中。 chart.events.click：整个图表的绘图区上所发生的点击事件。 chart.events.load：图表加载事件。 chart.events.redraw：图表重画事件，当点击图注显示和隐藏绘图时可以触发。 chart.events.selection：当图表曲线可选择放大时，当选择图表操作时，... 阅读全文
posted @ 2016-09-14 10:23 爱吃西红柿 阅读(360) 评论(0) 推荐(0)
Highcharts教程
摘要：Highcharts特性: 兼容性 - 支持所有主流浏览器和移动平台（android、iOS等）。 多设备 - 支持多种设备，如手持设备 iPhone/iPad、平板等 免费使用 - 开源免费 轻量 - highcharts.js 内核库大小只有 35KB 左右 配置简单 - 使用 json 格式配置 动态 - 可以在图表生成后修改 多维 - 支持多维图表 配置提示工具 - 鼠标移动到图表的某一... 阅读全文
posted @ 2016-09-02 15:28 爱吃西红柿 阅读(406) 评论(0) 推荐(0)