highcharts在导出时如何自定义图表的表头
来源:互联网 发布:淘宝助理 二次验证 编辑:程序博客网 时间:2024/05/22 16:48
今天一天都在搞客户提出的需求,有这样一个需求说的是在导出图表的时候可以让客户自己去输入表头。因为我使用的是highcharts控件,所以自然而然的区api里查,后来查来半天并经过和同事的讨论把问题解决了。
代码如下:
exporting: {
buttons: {
contextButton: {
menuItems: [
{
text: '打印图表',
onclick: function () {
var headstr = prompt("请输入表头名称", "");
if (headstr) {
$('#container').highcharts().setTitle({ text: headstr });
this.print();
}
}
}, {
text: '导出png图片',
onclick: function () {
var headstr = prompt("请输入表头名称", "");
if (headstr) {
$('#container').highcharts().setTitle({ text: headstr });
this.exportChart({
type: 'image/png'
});
}
}
}, {
text: '导出jpeg图片',
onclick: function () {
var headstr = prompt("请输入表头名称", "");
if (headstr) {
$('#container').highcharts().setTitle({ text: headstr });
this.exportChart({
type: 'image/jpeg'
});
}
}
},
{
text: '导出pdf文档',
onclick: function () {
var headstr = prompt("请输入表头名称", "");
if (headstr) {
$('#container').highcharts().setTitle({ text: headstr });
this.exportChart({
type: 'application/pdf'
});
}
}
},
{
text: '导出svg矢量图',
onclick: function () {
var headstr = prompt("请输入表头名称", "");
if (headstr) {
$('#container').highcharts().setTitle({ text: headstr });
this.exportChart({
type: 'image/svg+xml'
});
}
}
}
]
}
}
}
- highcharts在导出时如何自定义图表的表头
- Highcharts自定义按钮导出图表
- jspdf + highcharts 实现导出存在highcharts图表的html页面
- Java通过HighCharts导出图表
- Highcharts图表导出excel文件
- 基于one2team框架的Highcharts图表图片导出方案
- Java导出Highcharts生成的图表为图片源码
- Java导出Highcharts生成的图表为图片源码
- Java导出Highcharts生成的图表为图片源码
- Java导出Highcharts生成的图表为图片源码
- Flash图表FusionCharts如何自定义图表导出菜单或界面
- Highcharts图表的setCategories
- 在vue项目中引入highcharts图表的方法
- js--图表--highcharts 页面导出按钮汉化
- 解决使用Highcharts图表的.net导出服务,导出的图片右上角有个方块
- Highcharts:非常漂亮的图表
- highCharts图表插件的使用
- Highcharts图表的注解功能
- 偶2016年要做的几件大事
- OpenCv矩阵操作
- 过年回来发现证书失效了是因为系统证书的问题,更新一下系统证书WWDR!
- Java注解
- 用户名不能为空 Bad credentials.
- highcharts在导出时如何自定义图表的表头
- volley框架下,使用post方式请求服务器,传递参数和头
- HUST 1376 Random intersection
- .net C# 如何接收安卓(android)发送过来的数据流转换为图片
- php函数和语法结构
- 源码安装postgres,新建数据库用户遇到的问题
- 如何悄悄的访问谷歌
- iOS开发:Apply Pay商家接入指南-基础介绍
- 利用nginx来屏蔽指定的user_agent的访问