我是靠谱客的博主 无辜电源,最近开发中收集的这篇文章主要介绍highchart去掉highcharts.com及导出,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

右下角默认会有highcharts.com

credits: { enabled:false}

 

导出服务用于Highcharts导出功能,即通过导出服务器将图表导出为常见图片格式或 PDF 文档。

默认有将图表导出为图片或打印的功能,若想去掉

exporting: { enabled:false }

修改导出菜单为中文

 

$(function () {
Highcharts.setOptions({
lang: {
  printChart:"打印图表",
downloadJPEG: "下载JPEG 图片" ,
downloadPDF: "下载PDF文档"
,
downloadPNG: "下载PNG 图片"
,
downloadSVG: "下载SVG 矢量图" ,
exportButtonTitle: "导出图片"
}
});
$('#container').highcharts({
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
type: 'pie',
},
colors:[ //自定义颜色
'#2ec7c9',
'#b6a2de',
'#5ab1ef',
'#ffb980',
'#d87a80',
'#8d98b3',
'#1e90fa',
'#e5cf0d',
'#97b552',
'#95706d'
],
credits: {
//去掉highcharts.com
enabled:false
},
exporting: {
//导出,不显示false
enabled:true,
},
title: {
text: 'Example'
},
tooltip: {
pointFormat: '{series.name}: <b>{point.y}</b>'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.y} ',
style: {
color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
}
}
}
},
series: [{
name: 'Name',
colorByPoint: true,
data: [{
name: 'AA',
y: 56
}, {
name: 'BB',
y: 22,
sliced: true,
selected: true
}, {
name: 'CC',
y: 11
}, {
name: 'DD',
y: 5
}]
}]
});
});

 

 

需要引入highcharts包里exporting.js 即可实现图表导出功能,默认导出服务器是官网提供的

在线导出服务器是需要联网才能完成其功能的,在不能联网的情况下,可以搭建自己的导出服务器

运行环境:java(jre)、Apache + php

将下载的文件的export目录放在apache 目录下,

php.ini中的safe_mode = off 是否设置,确保可以生成svg

如果是linux下确保temp权限为777

用java -jar batik-rasterizer.jar,测试是否配置好batik-rasterizer.jar,

修改自己的js文件 exporting.url 值为 

 

exporting: {
enabled:true,
url:http://{IP}/export/index.php
},

 

转载于:https://www.cnblogs.com/baby123/p/5106044.html

最后

以上就是无辜电源为你收集整理的highchart去掉highcharts.com及导出的全部内容,希望文章能够帮你解决highchart去掉highcharts.com及导出所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(39)

评论列表共有 0 条评论

立即
投稿
返回
顶部