莫里斯图导出为 PDF?

2024-06-21

我正在使用 Morris.js 创建图表。我需要将图表导出为 pdf。我可以看到图表是 svg 元素。我应该做什么来实现这个目标。


我拿了莫里斯的一个样品,为你做了一把小提琴:

http://jsfiddle.net/1roLdqte/48/ http://jsfiddle.net/1roLdqte/48/

我添加了一个简单的调用,将现有的 div 与莫里斯图格式化为 PDF:

$('#print').click(function () {
printMe();
});
function printMe() {
  xepOnline.Formatter.Format('line-example',{render:'download', srctype:'svg'});
 }

运行 fiddle 并按下 PDF 按钮。

请注意,此处还有更多可用参数,您可以格式化更多内容,而不仅仅是 morris.js 图表、控制页面大小、添加页眉/页脚等。这仅将图表(srctype:'svg')单独格式化为 PDF 作为矢量图像(而不是光栅)。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

莫里斯图导出为 PDF? 的相关文章

随机推荐

  • 寻找可靠的方法来选择iPhone 13微距相机设备

    我正在使用 objc 开发一个应用程序 我必须选择 iPhone 13 Pro 和 13 Pro Max 中配备的新微距摄像头 目前 我在所有其他设备上选择我的相机 并剪掉此代码 AVCaptureDeviceDiscoverySessio
  • 在 Flutter 中重播相同的 Flare 动画

    我正在尝试在 Flutter 中重新播放 Flare 动画 动画完成后不循环播放 我想要一个按需播放的动画 同样的动画 当我在动画之间切换时 只需交换字符串并调用 setState 即可正常工作 有没有一种简单的方法可以做到这一点 这就是我
  • 在 Android 中动态填充年份的微调器?

    我一直在绞尽脑汁试图让它发挥作用 我想动态地将 1900 年到当前年份的年份输入到旋转器中 我认为使用 XML 定义的数组不可能做到这一点 但是我可以使用数组适配器来做到这一点吗 这是我到目前为止所拥有的 ArrayList
  • 发生存储异常。无法在firebase中上传图片

    在我能够更改图像并将其上传到 firebase 之前 这段代码就可以工作 但现在我突然收到此错误 我不知道问题是什么 public class SettingsActivity extends AppCompatActivity priva
  • 如何使用 ASP.NET 和 jQuery 返回 JSON

    我不知道如何用我的代码返回 JSON 数据 JS function ajax type POST url Default aspx GetProducts data contentType application json charset
  • TypeError:使用一组 UDT 创建 Cassandra Python 驱动程序模型时不可散列的类型 UserType

    此问题与 Datastax Cassandra python 驱动程序的对象映射器有关 当尝试创建一个包含 UDT 集 作为字段的模型时 我收到错误 类型错误 不可散列的类型 UdtClassName 但是 我可以创建具有一组基本类型 例如
  • 如何将音量挂载到应用程序的源代码中?

    我有 kubernetes pod 我将应用程序源代码安装为 git 卷 我尝试了各种设置来将源代码放入 pod 中 而 git Volume 是我最终得到的设置 但现在我遇到了数据问题 我的应用程序中有一个文件目录 空 我需要在其中安装一
  • select2 小部件如何使用 AJAX 填充?

    当我在小部件中输入一些字符时 我会从 AJAX 获得如下结果 id 550 campName IB Resi Showtime Rebate Website id 60 campName OB ACGBK EB 但是 我缺少有关如何使用这些
  • 使用 sed 删除 [[:space:]] 之后的所有内容

    如何删除空格后的所有内容 如果我指定冒号 而不是 space 我就可以做到这一点 cat t sh echo DW Prod Facets UNRCH MBRS UNRCH Members sql sed r e s DW Prod spa
  • 安装了tensorflow,但pycharm忽略它

    我安装了tensorflow 约书亚的回答 如何在anaconda python 3 6上安装tensorflow https stackoverflow com questions 43419795 how to install tens
  • 如何在 Google App Engine (GAE) 上使用 bcrypt? [复制]

    这个问题在这里已经有答案了 我发现了一个 python 的 bcrypt 库 它似乎非常容易使用 比特加密 1 0 1 https pypi python org pypi bcrypt 1 0 1 安装它并在我的本地计算机上测试 hell
  • 如何使用 Git 子模块和 CMake 处理传递依赖冲突?

    我们有许多 Git 存储库 有些包含我们自己的代码 有些包含稍作修改的第三方库代码 简化的依赖图如下所示 executable A v library B v v library C 所以可执行文件有两个依赖项library C 一种是直接
  • Spring:自定义验证器未被调用

    我正在查看有关 Spring 自定义验证器的其他问题 但不幸的是我无法用建议的答案解决我的问题 我的问题如下 我有一个实体 帐户 并且创建了一个自定义验证器 AccountValidator 我在控制器 RegisterController
  • 将 Blend 行为添加到 DatePicker 时出现问题

    我正在尝试向 DatePicker 控件添加 Blend 行为 以将 MVVM Light RelayCommand 绑定到 DateChanged 事件 如下所示
  • 指定初始化和基类?

    在C 20 最新草案 中 给出以下代码 struct B int mb struct D B int md 这六个表达式中哪些是格式错误的 哪些不是 1 D 42 43 2 D 42 43 3 D 42 md 43 4 D 42 md 43
  • laravel 中的 jwt 中的“无法从请求中解析令牌”

    我面临着 无法从请求中解析令牌 Laravel 中的 JWT 错误 我在 localhost Windows 7 中的 Xampp 中尝试了相同的代码 它正在工作 但在服务器上它不起作用 我已经通过了 授权 标头中的令牌也发生了变化 hta
  • 如何将div对齐到页面底部,而不是屏幕底部

    我想将 div 与页面底部对齐 而不是与屏幕底部对齐 当我这样做时 contact block position absolute bottom 0 left 0 div 被放置在屏幕的底部区域 当我的页面很长时 我必须向下滚动 并且本应位
  • 如何在 BlackBerry - Java Plug-in for Eclipse 中设置不同的模拟器?

    我已经下载并安装了BlackBerry 用于 Eclipse 的 Java 插件 它正在启动默认模拟器 黑莓 Bold 9930 当我尝试运行应用程序时 但我想用另一个模拟器运行该应用程序 例如黑莓火炬 9800 我应该如何切换到该模拟器
  • 如何取消选择单选按钮 tkinter

    我看过几个在线教程 它们似乎都不能正常工作 我需要在单击清除按钮后取消选择单选按钮 deselect 方法不执行任何操作 清除文本和输入框工作正常 请协助 谢谢你 from tkinter import class Example Fram
  • 莫里斯图导出为 PDF?

    我正在使用 Morris js 创建图表 我需要将图表导出为 pdf 我可以看到图表是 svg 元素 我应该做什么来实现这个目标 我拿了莫里斯的一个样品 为你做了一把小提琴 http jsfiddle net 1roLdqte 48 htt