使用外部按钮离线导出 Highcharts 图表

2023-12-01

在此 Highcharts 图表中目标是使用图表外部的按钮进行离线导出。

我遇到的问题是,即使我添加了offline-exporting.js文件到我的申请表,如果我是not当我单击时已连接到互联网Offline Export按钮我收到错误消息,指出无法访问该 URLexport.highcharts.com.

如何修复此错误并离线导出?

HTML

  <button id="exp" >Offline Export</button>
  <div id="container" style="height: 400px; width: 500px"></div>

JavaScript:

var settings =  
        {
         "chart": {
           "type":"line"
        },
       "xAxis": { 
          "endOnTick":true
       },
       "series":[
           {"name":"series1","data":[[1,1200],[2,2200],[3,3200],[4,1800],[5,1500]]},
           {"name":"series2","data":[[1,1050],[2,2050],[3,1650],[4,1450],[5,1350]]},
           {"name":"series3","data":[[1,1250],[2,2250],[3,1850],[4,1650],[5,1550]]}]
       }


    var chart = $('#container').highcharts(settings);


    $( "#exp" ).click(function() {
        alert( "Handler for .click() called." );
        var chart = $('#container').highcharts();
            chart.exportChart({
                type: 'image/png',
                filename: 'theimage'
            });
      });

尝试使用exportChartLocal()

   $( "#exp" ).click(function() {
    alert( "Handler for .click() called." );
    var chart = $('#container').highcharts();
        chart.exportChartLocal({
            type: 'image/png',
            filename: 'theimage'
        });
  });
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用外部按钮离线导出 Highcharts 图表 的相关文章

  • 禁用 HighCharts 上的悬停

    我使用 HighCharts 库构建了一个饼图 这是我的图表 http jsfiddle net t2MxW 20890 var chart new Highcharts Chart colors 0072BC BFDAFF DDDF00
  • 自定义 highcharts 工具提示以显示日期时间

    我正在开发一个项目 预计会显示此图 http jsfiddle net Kc23N http jsfiddle net Kc23N 当我单击一个点 工具提示 时 我想显示一个可以理解的日期 而不是以毫秒为单位的值 我认为需要更改这段代码 t
  • Highchart x 轴标签显示双日期

    我在我的项目中使用 highcharts 它在 x 轴上显示两次日期 如何删除它并在 x 轴上仅获取 1 个日期 Here is the snapshot of how it looks like right now 我怎样才能摆脱双日期显
  • Highcharts 反转折线图在最小值处部分隐藏

    当使用具有最小值和最大值的反向折线图时 线条在最小值处部分隐藏 问题在于绘图画布恰好在最小值线处结束 当一条粗线只有一部分可见时 位于最小值线上方的部分将被隐藏 你可以看一个例子here http jsfiddle net DruGa 2
  • Highcharts重绘不重绘数据

    我一直在玩Highcharts v3 0 10 在网页上呆了一周 打印页面时无法重新绘制图表 问题是我在图表中使用深色背景颜色 但在打印时 我想将其更改为白色 为了实现这一点 我需要redraw 更改后我的图表backgroundColor
  • 将系列列表传递给 SetSeries

    我将 DotNet Highcharts 与 Visual Studio 2010 结合使用 我创建了一个系列数组 List
  • 使用 html2canvas 将 highcharts 图表渲染为 pdf 在 IE 和 Firefox 上不起作用

    我们使用 html2canvas js 和 html2canvas svg js 版本 0 5 0 beta1 以及 highcharts js 将圆环图下载为 pdf 这在 Chrome 中按预期工作 但在 IE 和 Firefox 中不
  • jQuery - 系列之外的 HighCharts 标签(条形图)

    function container highcharts chart type bar backgroundColor null width 360 title text null style display none subtitle
  • Highcharts SVG 辅助功能

    Highcharts 创建的 SVG 没有标题 没有有意义的 desc 也没有 ARIA 属性 或者至少我在 API 中找不到任何内容来设置这些属性 按照以下提示操作http www sitepoint com tips accessibl
  • 自定义工具提示并将数字格式设置为 Highcharts 的小数点后 2 位

    我正在使用 Highcharts 图表来显示饼图 我想更改工具提示以显示实际的data字段以及系列名称来代替百分比值 这是 jsFiddle 上的示例 http jsfiddle net ha3tX 如果你检查上面的示例 你会发现两件事 工
  • Highcharts 问题 - 在可缩放图表中显示标签

    我有一个缩放柱形图 xAxis 中有 200 多个类别 因此 当它处于初始状态 比例1 1 时 所有这些家伙都显示在X轴下方 即使我将它们垂直放置 也无法读取任何内容 我需要缩放图表以使标签可见 Here s screenshot of t
  • 高图表的分散工具提示未显示

    我有一个散点图和条形图 我无法查看酒吧上方散点的工具提示 这是小提琴http jsfiddle net tZ9Rt http jsfiddle net tZ9Rt 我正在使用这两个系列 series type scatter index 2
  • 如何提高 highcharts 图表创建和渲染的性能

    我本地有一个文件JSON格式化数据 我创造了一点点PHP脚本在调用时回显该文件的输出AJAX 数据文件的大小是59k 我按照 highcharts 建议禁用动画和阴影 当我加载图表时 渲染需要非常非常长的时间 我已经粘贴了下面的脚本 我有什
  • 以编程方式在 Highcharts 中使用缩放绘制矩形和线条

    我正在使用 Highcharts 进行一些编程绘图Highcharts Renderer http api highcharts com highcharts Renderer using path and rect 在下面的代码中 我手动
  • 如何在使用类型分散时将箭头添加到行尾

    如何在 y 不等于 0 且系列类型以线宽 2 分散的情况下正确地将箭头添加到行的每一端 在这里我可以看到箭头已添加但未正确添加 请看这个 部分工作小提琴 http jsfiddle net vnYCX 这是我的 JS 最初的原型是由 sta
  • 以编程方式触发 highchart 散点图上某个点的单击事件

    实际上 我有一个小要求 其中有一个带有点列表和下拉列表的散点图 当我从下拉列表中选择一个项目时 应触发其相应的数据点单击 当我在图表上选择一个数据点时 必须执行一些操作 并且下拉列表应根据选择进行更新 我们有什么办法可以做到这一点吗 我尝试
  • HighCharts 在 xAxis 上显示日期时间格式

    我试图在高图表的 x 轴上以日 周 月格式显示日期时间 我将数据格式化为 x utc 日期时间格式和 y 幅度 我的印象是我只需要这样做就可以了 Highcharts chart container title text Chart wit
  • Highcharts 对堆积条形图进行排序

    我没有看到任何与我在 Highcharts 中遇到的确切场景相匹配的解决方案 因此我将我的发现发布在这里 我在 Highcharts 中有一个堆积条形图 需要按值从大到小对条形图进行排序并维护它们的类别关系 通常 首选解决方案是在将数据发送
  • 使用 highcharts 时,为什么 Bootstrap 选项卡显示宽度不正确的选项卡窗格 div?

    因此 我正在使用 Twitter 的 Bootstrap 创建一个包含选项卡式内容的页面 但我的起始活动 div 的内容始终与其他选项卡的内容不同 例如 我在不同的选项卡中使用 highcharts js 放入图表 但活动选项卡始终显示正确
  • 如何在react-highcharts中使用图表工具提示格式化程序?

    如何使用图表工具提示格式化程序 我正在使用高图表的反应包装器 我有这样的配置 const CHART CONFIG tooltip formatter tooltip gt var s b this x b each this points

随机推荐

  • 替换字符串中的占位符变量

    刚刚完成这个功能 基本上 它应该查看字符串并尝试查找任何占位符变量 这些变量将放置在两个大括号之间 它获取大括号之间的值 并使用它来查找数组中应与键匹配的位置 然后它用匹配键的数组中的值替换字符串中的大括号变量 但它有一些问题 首先是当我v
  • 推送通知不会发送到某些设备[关闭]

    Closed 这个问题需要调试细节 目前不接受答案 我的推送通知服务有一个非常奇怪的行为 我正在 20 台设备上测试新应用程序 但有 3 台设备没有收到任何推送通知 我在这里有自己的服务器来管理推送订阅 并且在该服务中我拥有这些设备的令牌
  • 如何在 Power BI 中格式化 matplotlib 可视化的时间序列数据

    从今天 2018 年 8 月 9 日 开始 Power BI 支持 Python 可视化 他们之前已经支持 R 可视化 但我仍然发现这些集成有点尴尬 让我告诉你我的意思 假设您有一个包含时间序列数据的表 其中顶行包含名称 日期 和 值 内容
  • 具有通用服务的 Service Fabric

    我希望有一个通用类型的服务 即 public interface IFooService
  • LinkedIn API 2 和来自 r_basicprofile 的 VanityName

    LinkedIn 最近更新了他们的 API 现在我无法获取公共用户个人资料 url 通过虚名 在 OAuth2 身份验证阶段 好像r 基本配置文件不再可用 有没有机会获得这个网址 如果有的话 您能描述一下如何获得吗 根据以下 LinkedI
  • print() 在 Opera 浏览器上不起作用

    我正在尝试使用 JavaScript 在 Opera 浏览器中打开打印对话框 这print 在所有浏览器中都工作正常 但在 Opera 中却不起作用 我的print 代码为 var printContent document getElem
  • PHP MySQLi 从 multi_query() 插入 id

    有没有办法在使用 mysqli multi query 函数插入几行后获取最后生成的 auto increment ID EDIT 我设法通过添加 SELECT LAST INSERT ID 使其工作 在多查询中的每个 INSERT 查询之
  • 如何从文本中提取数字? [复制]

    这个问题在这里已经有答案了 我有流动的文本字符串 string lt CBOE SHORT TERM VIX FUTURE DEC 2016 81 64 n n CBOE SHORT TERM VIX FUTURE JAN 2017 18
  • 在带有 UDF 的单元格公式中使用内置枚举

    我有一个用户定义的函数 它采用一个具有关联内置函数的参数enum Public Function bgrcolor cells rng As Range xlcl As Long As Integer 我想在单元格中写一个这样的公式 bgr
  • 如何将从外部作用域调用的方法存根到被测函数?

    我有一个使用 node redis 库创建的 Redis 客户端 https github com NodeRedis node redis var client require redis createClient 6379 localh
  • BCP 数据文件中遇到意外的 EOF

    我正在尝试使用 bcp 将数据从一个表复制到另一个数据库中的另一个表 首先使用创建格式文件 bcp dbName1 dbo tableName1 format nul S serverName1 T f D tableName1 fmt t
  • 为 ZBarReaderViewController 添加 uibarbutton

    我正在 ZBarReader 上工作 到目前为止我所拥有的是 ZBarReaderViewController controller ZBarReaderViewController alloc init controller naviga
  • Django 的 FormWizard 中的空 ModelFormset

    我正在使用 Django 的 FormWizard 它工作正常 但我无法正确显示任何空模型表单集 我有一个模型叫Domain 我正在创建一个像这样的 ModelFormset DomainFormset modelformset facto
  • JSF f:事件执行顺序

    假设我有多个 f event 标签来处理同一类型的事件
  • 合并不同长度的python列表

    我正在尝试合并两个 python 列表 其中给定索引处的值将在新列表中形成一个列表 元素 例如 merge lists 1 2 3 4 1 5 1 1 2 5 3 4 我可以迭代这个函数来组合更多的列表 实现这一目标最有效的方法是什么 编辑
  • 带有 Maven 的 Eclipse 的 Java 存储库:缺少工件:编译

    我正在尝试整合jersey server和grizzly servlet webserver进入我的 Maven Webapp 来尝试地狱世界JAX RS 不幸的是 Jersey 和 Grizzly 依赖项很麻烦并且无法正常工作 我尝试删除
  • 检查 ASP.NET 中的连接是否处于活动状态

    我的工作是Comet用 ASP NET 编写的应用程序 有一系列活动连接上下文 HttpContext 并且有一个线程应该定期迭代集合并检查它们的状态 所以应用程序架构不是每个请求一个线程 检查连接是否处于活动状态 未被远程主机关闭 的最佳
  • 如何使用 AJAX 数据验证创建 JSF 表单

    我正在开发一个 JSF 表单原型 用于使用 AJAX 数据验证将数据插入数据库表这是 JSF 页面
  • 更改锁定的单元格

    我正在使用 VBA 代码来获取总和 但当单元格被锁定时它不起作用 我希望没有人可以手动更改特定单元格的值 但 VBA 代码可以更改该值 我的代码是 Sub Get Sum Dim LastRow As Long LastRow Range
  • 使用外部按钮离线导出 Highcharts 图表

    在此 Highcharts 图表中目标是使用图表外部的按钮进行离线导出 我遇到的问题是 即使我添加了offline exporting js文件到我的申请表 如果我是not当我单击时已连接到互联网Offline Export按钮我收到错误消