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可拖动式图表

Highcharts可拖动式图表
  • jsbome
  • jsbome
  • 2015-07-17 10:40
  • 2686

HighCharts中添加一条会随着鼠标移动的竖线(crosshairs)

HighCharts中添加一条会随着鼠标移动的竖线crosshairs

HighCharts/Highstock使用小结,使用汉化及中文帮助文档

K线图 HighCharts/Highstock使用小结,使用汉化及中文帮助文档

一步一步教你写股票走势图——商业版

看到这,如果觉得普通的demo版不能满足你们的需求,这里提供两个收费版供大家参考,如有需要,可以接受定制。(录制效果不大好,可以联系我发apk体验,qq:1025065158)文华版 分时K线 普通版

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

Highcharts翻译系列六:legend 图例选项   参数 描述 默认值 align 图例的水平位置 center ...

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

Highcharts翻译系列六:legend 图例选项出处:忘记了 参数  描述  默认值   align  图例的水平位置  center   backgrou...

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

Highcharts翻译系列之二十一:条状图例子 代码: 比例统计 .hh { font-weight: ...

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

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

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

002. 003. 004. 005. Highcharts Demo - jsFiddle demo 006. 007. 008. 009. 010. //<![C...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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