Highcharts中的可拖动图例

原创 2015年07月08日 15:26:34

Highcharts中的可拖动图例


图例的初始位置当图表中包括多个数据列的时候,浏览者往往需要花费大量的时间用于将图例元素和数据列进行对应。这个时候,如果将图例设置为可拖动方式,就可以大大方便浏览者。用户可以通过Highcharts的第三方插件Draggable-Legend实现这个功能。该插件下载地址为http://www.highcharts.com/plugin-registry /single/4/Draggable-Legend。该插件为顶级配置项legend添加了一个新的配置项draggable。


图例的初始位置



拖动后的位置
PS:该内容已经加入《网页图表Highcharts实践教程基础篇》v1.2.2中了。
版权声明:本文为博主原创文章,未经博主允许不得转载。

HighCharts操作案例-3D可拖拽柱状图

bootmetro/js/jquery-1.10.0.min.js"> $(fun
  • l294333475
  • l294333475
  • 2014年08月21日 14:08
  • 3892

highchart实现放大缩小zoom功能(转…

原文地址:http://www.stepday.com/topic/?800  当我们将图表某个区域放大值某一个倍数后发现刻度间隔距离也放大了,由于刻度间隔还是原来初始所设定的值,从而让局部数据的...
  • huwei0518
  • huwei0518
  • 2015年02月06日 13:52
  • 1902

用Highcharts画曲线图的时间轴问题

转载地址:http://blog.yidijimao.net/?p=388
  • dushenzhi
  • dushenzhi
  • 2013年12月10日 11:53
  • 2576

highcharts图表中级入门:图表手动放大缩小自动切换图表标题(title/subtitle)以及图例(legend)、credits字体示例呈现2 5、图表重画

[摘要]: 当我们需要手动切换highcharts图表大小的时候,总想让图表内的一些文字大小也随之图表大小变动而变动,这样才不会显得图表放大或者缩小过后而和内部字体很不相称的结果。那么我们如何才能...
  • u010158775
  • u010158775
  • 2015年02月12日 16:04
  • 1094

highcharts图表中级入门:图表手动放大缩小自动切换图表标题(title/subtitle)以及图例(legend)、credits字体示例呈现3 6、完整实例代码:

002. 003. 004. 005. Highcharts Demo - jsFiddle demo 006. 007. 008. 009. 010. //
  • u010158775
  • u010158775
  • 2015年02月12日 15:45
  • 731

Highcharts翻译系列之二十一:条状图例子

Highcharts翻译系列之二十一:条状图例子 代码: 比例统计 .hh { font-weight: ...
  • qiqingli
  • qiqingli
  • 2013年04月02日 14:49
  • 1232

Highcharts翻译系列六:legend 图例选项

Highcharts翻译系列六:legend 图例选项   参数 描述 默认值 align 图例的水平位置 center ...
  • qiqingli
  • qiqingli
  • 2013年02月04日 10:48
  • 5421

Highcharts翻译系列之二十二:柱状图例子

Highcharts翻译系列之二十二:柱状图例子 代码: Highcharts Example $(function () { ...
  • qiqingli
  • qiqingli
  • 2013年04月02日 14:52
  • 1264

Highcharts翻译系列六:legend 图例选项

Highcharts翻译系列六:legend 图例选项出处:忘记了 参数  描述  默认值   align  图例的水平位置  center   backgrou...
  • u010158775
  • u010158775
  • 2015年02月12日 15:12
  • 1404

实例讲解Highcharts图例

图例是图表中用不同形状、颜色、文字等 标示不同数据列,通过点击标示可以显示或隐藏该数据列;通过设置 legend.enabled = true | false 来打开或关闭图例。图例在图表中很常用,所...
  • qq_32506555
  • qq_32506555
  • 2016年08月24日 16:30
  • 171
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Highcharts中的可拖动图例
举报原因:
原因补充:

(最多只允许输入30个字)