Highcharts 中文社区

 找回密码
 立即注册
查看: 4197|回复: 7

[第三方扩展] table转为统计图形插件--highchartTable

[复制链接]
  • TA的每日心情

    2018-4-10 08:53
  • 签到天数: 291 天

    [LV.8]以坛为家I

    13

    主题

    61

    帖子

    6737

    积分

    管理员

    情深缘浅

    Rank: 9Rank: 9Rank: 9

    积分
    6737

    最佳新人活跃会员

    QQ
    发表于 2013-12-13 11:02:49 | 显示全部楼层 |阅读模式
    QQ图片20131213104635.jpg


    该HighchartsTable插件需要从一个表中读取数据和属性,并分析它们简单地创建一个Hightcharts图。
    此插件支持 Column + area(柱形图  +  区域图)。Line(折线图),Pie(饼图),Column(柱形图)。
    1. 基本用法         
    该HighchartsTable插件需要从一个表中读取数据和属性,分析并创建一个Hightcharts图。
    该插件不包含highcharts.js或jQuery文件的,所以,你必须自己引入。
    1. <script src="jquery.min.js" type="text/javascript"></script>
    2. <script src="highcharts.js" type="text/javascript"></script>
    3. <script src="jquery.highchartsTable.js" type="text/javascript"></script>
    复制代码



    然后,你必须设置一些属性,如图表类型或者渲染图。
    该系列名称的定义<thead> ,它们的值在定义<tbody> 。
    第一<td>一个的<tr>包含X轴数值。 其他的人包含每个系列的X值的值。

    然后,只需调用highchartTable上的选择,选择准备好的表格。
    1. $(document).ready(function() {
    2.   $('table.highchart').highchartTable();
    3. });
    复制代码


    如图所示的样例,以及所需要的jquery.highchartsTable.js文件可以从附件下载。
    demo11.zip (70.98 KB, 下载次数: 91)
    Highcharts 中文网论坛管理团队

    我们提供:商业授权技术支持图表定制VIP服务 等相关支持服务
    在线客服:2133220776(QQ,非技术,工作日 10:00 ~ 17:00)
    新浪微博:http://weibo.com/highcharts

    该用户从未签到

    0

    主题

    3

    帖子

    43

    积分

    HC 新手

    Rank: 1

    积分
    43
    发表于 2014-7-14 14:10:34 | 显示全部楼层
    怎么会没权限下载呢
  • TA的每日心情
    擦汗
    2017-11-29 14:57
  • 签到天数: 747 天

    [LV.9]以坛为家II

    86

    主题

    1107

    帖子

    2万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    21244

    最佳新人活跃会员热心会员突出贡献优秀版主荣誉管理论坛元老

    发表于 2014-7-14 14:30:52 | 显示全部楼层
    Highcharts 中文网论坛管理团队

    我们提供:商业授权技术支持图表定制VIP服务 等相关支持服务
    在线客服:2133220776(QQ,非技术,工作日 10:00 ~ 17:00)
    新浪微博:http://weibo.com/highcharts
  • TA的每日心情
    开心
    2015-3-5 18:17
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    3

    主题

    6

    帖子

    97

    积分

    HC 新手

    Rank: 1

    积分
    97
    发表于 2015-1-21 10:19:59 | 显示全部楼层
    HighchartsTable插件使用的table上配置的data-*属性具有Highcharts官网所有的配置选项么?如果没有,能否额外设置或者修改需要的配置选项?
  • TA的每日心情
    擦汗
    2017-11-29 14:57
  • 签到天数: 747 天

    [LV.9]以坛为家II

    86

    主题

    1107

    帖子

    2万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    21244

    最佳新人活跃会员热心会员突出贡献优秀版主荣誉管理论坛元老

    发表于 2015-1-24 15:21:09 | 显示全部楼层
    q569608465 发表于 2015-1-21 10:19
    HighchartsTable插件使用的table上配置的data-*属性具有Highcharts官网所有的配置选项么?如果没有,能否额 ...

    目前只支持HighchartTable API中列举的属性,你完全可以参考他的代码进行自己修改,例如增加plotBands支持,都是可以的。
    Highcharts 中文网论坛管理团队

    我们提供:商业授权技术支持图表定制VIP服务 等相关支持服务
    在线客服:2133220776(QQ,非技术,工作日 10:00 ~ 17:00)
    新浪微博:http://weibo.com/highcharts
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关闭

    站长推荐上一条 /1 下一条

    快速回复 返回顶部 返回列表