Highcharts 中文社区

 找回密码
 立即注册
查看: 8278|回复: 19

[官方插件] 导出 Excel 文件插件——Export-csv 【更新】

[复制链接]
  • TA的每日心情
    擦汗
    2017-11-29 14:57
  • 签到天数: 747 天

    [LV.9]以坛为家II

    86

    主题

    1107

    帖子

    2万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    21244

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

    发表于 2016-1-22 21:28:53 | 显示全部楼层 |阅读模式
    一、插件简介

    export-csv 是将 Highcharts 数据导出为 Excel 数据文件(包括 CSV 及 XLS)的插件。

    在线文件:http://cdn.hcharts.cn/libs/highcharts-export-csv/export-csv.js
    github 源码https://github.com/hcharts/export-csv

    由中文网发布的版本修复了中文乱码问题,主要保包括

    • 下载 CSV 文件中文乱码问题
    • 下载 XLS 文件中文乱码问题
    • 下载文件的名字为中文时乱码问题

    二、使用方法

    本插件使用方法很简单,只需要引入相关的文件即可
    1. <!-- 基本的文件 -->
    2. <script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
    3. <script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
    4. <script src="http://cdn.hcharts.cn/highcharts/modules/exporting.js"></script>
    5. <!-- 插件文件 -->
    6. <script src="http://cdn.hcharts.cn/libs/highcharts-export-csv/export-csv.js"></scipt>
    复制代码

    三、在线实例




    有相关的问题请在本帖回复反馈。






    本帖被以下淘专辑推荐:

    • · 导出|主题: 75, 订阅: 1
    Highcharts 中文网论坛管理团队

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

    [LV.8]以坛为家I

    30

    主题

    916

    帖子

    4306

    积分

    版主

    Rank: 7Rank: 7Rank: 7

    积分
    4306

    最佳新人活跃会员

    QQ
    发表于 2017-10-16 14:16:13 | 显示全部楼层
    更新:

    由于  Export-csv  这个插件很受用户的喜欢,所以官方从 Highcharts 6.0.0 开始,将这个文件合并到主项目中了,具体的文件路径是 modules/export-data.js
    1. <script src="https://img.hcharts.cn/highcharts/modules/export-data.js"></script>
    复制代码


    Highcharts 中文网论坛管理团队

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

    该用户从未签到

    0

    主题

    2

    帖子

    55

    积分

    HC 熟手

    Rank: 2

    积分
    55
    发表于 2016-8-13 09:34:45 | 显示全部楼层
    导入http://cdn.hcharts.cn/libs/highcharts-export-csv/export-csv.js这个文件图标直接不显示怎么办
  • TA的每日心情
    擦汗
    2017-11-29 14:57
  • 签到天数: 747 天

    [LV.9]以坛为家II

    86

    主题

    1107

    帖子

    2万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    21244

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

     楼主| 发表于 2016-8-13 10:13:30 | 显示全部楼层
    你好世界 发表于 2016-8-13 09:34
    导入http://cdn.hcharts.cn/libs/highcharts-export-csv/export-csv.js这个文件图标直接不显示怎么办 ...

    http://cdn.hcharts.cn/libs/highcharts-export-csv/export-csv.js

    已改正
    Highcharts 中文网论坛管理团队

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

    [LV.4]偶尔看看III

    8

    主题

    42

    帖子

    301

    积分

    HC 熟手

    Rank: 2

    积分
    301
    发表于 2016-8-13 19:48:43 | 显示全部楼层
    群大大,你好!
        引入 export-csv.js 后,如何定义导出菜单项呢?比如:我只显示:
    导出 PNG 图片
    导出 JPG 图片
    导出 XLS 文件

    以上需求该如何实现?
  • TA的每日心情
    擦汗
    2017-11-29 14:57
  • 签到天数: 747 天

    [LV.9]以坛为家II

    86

    主题

    1107

    帖子

    2万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    21244

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

     楼主| 发表于 2016-8-13 23:36:30 | 显示全部楼层
    eepc2005 发表于 2016-8-13 19:48
    群大大,你好!
        引入 export-csv.js 后,如何定义导出菜单项呢?比如:我只显示:
    导出 PNG 图片

    参考在线实例:http://v1.hcharts.cn/demo/index.php?p=88
    Highcharts 中文网论坛管理团队

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

    [LV.4]偶尔看看III

    8

    主题

    42

    帖子

    301

    积分

    HC 熟手

    Rank: 2

    积分
    301
    发表于 2016-8-14 09:45:39 | 显示全部楼层
    但是大大,这个例子好像并没有实现在引入  export-csv.js 的情况下,定制导出菜单项啊。
    我在引入 export-csv.js 后,导出菜单项的确多了 “下载 CSV 文件” 和 “下载 XLS 文件”两项,我想实现只要

    打印图表
    -------------------------
    导出 PNG 图片
    导出 XLS 文件

    三个菜单项,用以下方法可以达到我的需求:
    exporting: {
                buttons: {
                    contextButton: {
                        menuItems: [
                                    Highcharts.getOptions().exporting.buttons.contextButton.menuItems[0],
                                    Highcharts.getOptions().exporting.buttons.contextButton.menuItems[2],
                                    Highcharts.getOptions().exporting.buttons.contextButton.menuItems[6]
                                ]
                    }
                }
            }

    但是:
    1、我想在“打印图表”和其他菜单项之间加一条分隔线,如何实现?
    2、怎么调整菜单项之间的上下间距?不想让它们靠得太近。

    该用户从未签到

    0

    主题

    2

    帖子

    55

    积分

    HC 熟手

    Rank: 2

    积分
    55
    发表于 2016-8-18 08:52:46 | 显示全部楼层
    http://cdn.hcharts.cn/libs/highcharts-export-csv/export-csv.js这个导入后图片导出成空白,这是怎么回事?
  • TA的每日心情
    开心
    2017-5-7 01:44
  • 签到天数: 245 天

    [LV.8]以坛为家I

    1

    主题

    4

    帖子

    545

    积分

    HC 老手

    Rank: 3Rank: 3

    积分
    545

    最佳新人

    发表于 2016-8-22 11:33:38 | 显示全部楼层
    群大大有服务端导出图片的例子吗?
  • TA的每日心情
    擦汗
    2017-11-29 14:57
  • 签到天数: 747 天

    [LV.9]以坛为家II

    86

    主题

    1107

    帖子

    2万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    21244

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

     楼主| 发表于 2016-8-22 12:09:45 | 显示全部楼层
    1120101929 发表于 2016-8-22 11:33
    群大大有服务端导出图片的例子吗?

    参考这个: http://bbs.hcharts.cn/thread-989-1-2.html
    Highcharts 中文网论坛管理团队

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

    本版积分规则

    关闭

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

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