在使用highcharts作为web图表的显示插件时,因为highcharts是老外开发的,所以按钮内容当然也是英文了。
不过,highcharts 的api也为我们汉化提供了汉化的属性设置,
highcharts lang属性就是设置这些按钮汉化的地方
lang: {
decimalPoint: "."
downloadJPEG: "Download JPEG image"
downloadPDF: "Download PDF document"
downloadPNG: "Download PNG image"
downloadSVG: "Download SVG vector image"
exportButtonTitle: "Export to raster or vector image"
loading: Loading...
months: ['January' 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
numericSymbols: ['k', 'M', 'G', 'T', 'P', 'E']
printButtonTitle: "Print the chart"
resetZoom: Reset zoom
resetZoomTitle: Reset zoom level 1:1
shortMonths: ['Jan' 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
thousandsSep: "",
weekdays: ['Sunday' 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
}
其中这些属性对应的 内容可以改为汉语就行了 ,不用去再改源码了。
downloadJPEG: "下载JPEG 图片"
downloadPDF: "下载PDF文档"
downloadPNG: "下载PNG 图片"
downloadSVG: "下载SVG 矢量图"
exportButtonTitle: "导出图片"
示例代码:
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
lang{
downloadJPEG: "下载JPEG 图片"
downloadPDF: "下载PDF文档"
downloadPNG: "下载PNG 图片"
downloadSVG: "下载SVG 矢量图"
exportButtonTitle: "导出图片"
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
subtitle: {
text: 'The subtitle',
style: {
color: '#FF00FF',
fontWeight: 'bold'
}
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
});
});
分享到:
相关推荐
首先,我们要理解Highcharts导出功能的工作原理。在默认情况下,Highcharts使用一个基于服务器的导出服务,将图表转换为图像或PDF。然而,"客户端导出"功能消除了对服务器的依赖,所有处理都在用户的浏览器内部完成...
关于HighCharts导出模块的 Net版的导出服务 GitHub里下载的 https://github.com/imclem/Highcharts-export-module-asp.net 把里面用到的 (sharpPDF.dll) (Svg.dll) 源码也怎和在一起了,有兴趣可以看看; 之前也下...
Highcharts 导出图片,具体的图片导出的代码,带吗代码代码代码
总的来说,解决Highcharts导出图片中的中文乱码问题需要综合考虑前端的Highcharts配置、后端的服务器环境、中间可能涉及的代理服务以及所有环节的字符编码设置。通过仔细排查并尝试上述方法,应该能够成功解决这个...
这些功能通常依赖于服务器端的服务,当用户点击导出按钮时,Highcharts会发送一个HTTP请求到预设的服务器URL,由服务器处理导出请求并返回结果。 然而,在某些情况下,如离线环境或者出于隐私和安全考虑,我们可能...
"highcharts本地导出图片案例"就是针对这一需求进行的实践。 Highcharts的本地图片导出功能允许用户在不借助服务器的情况下,直接在客户端生成高质量的图像文件。这种功能主要通过集成`Exporting Module`来实现,该...
本教程将详细介绍如何在ASP.NET MVC框架下实现一个Highcharts导出服务器。 首先,我们需要了解Highcharts的导出功能。Highcharts内置的导出功能允许用户将图表以图像(JPEG、PNG、PDF或SVG)的形式保存或打印,但是...
本文将详细讨论如何在ASP.NET环境中解决Highcharts导出图片时的中文乱码问题。 首先,我们要理解问题的根源。Highcharts默认使用UTF-8编码,而ASP.NET应用可能使用其他编码方式,比如GB2312或GBK,这就可能导致在...
HighCharts导出图片是发现请求的是官网,于是找了一下,整理了这个导出请求本地服务导出png、jpg、svg和pdf的demo (GitHub里找的 https://github.com/imclem/Highcharts-export-module-asp.net 把里面用到的 (sharp...
在这个例子中,我们禁用了默认的导出按钮菜单,并自定义了一个点击事件`exportChart()`,接下来我们要实现这个函数以完成导出操作。 导出图片通常涉及到服务器端处理,因为浏览器出于安全考虑,不允许JavaScript...
最后,`HighChartsExport`可能是其他与HighCharts导出相关的辅助文件,如配置文件、日志文件或PhantomJS的执行脚本。 总之,这个.NET C# Demo提供了一种实现HighCharts图表导出图片的方法,通过工具类和控制器协同...
highcharts导出图片的后台代码,这样就不用从highcharts官网服务器上进行图片导出了,成了一个本地的服务器!
- 查看博文链接(已提供)了解更多关于集成Highcharts导出功能的详细步骤和代码示例。 总结来说,实现Highcharts图表到Excel和PDF的导出,需要理解Highcharts的Exporting模块,熟悉JavaScript图像处理和PDF生成库...
包括Java导出Highcharts需要的4个jar包(其中highcharts-downimage.jar是下载图像的实现类,已经编译,并包含源码,其它3个jar包是相关引用类),以及struts配置。 使用时,只要将common_struts.xml加入struts配置...
本文将深入探讨如何在C#环境下利用Highcharts .NET库实现图表的导出,并支持中文字符,以及如何将SVG格式转换为JPG、PNG、PDF和SVG等其他常见格式。 首先,要实现Highcharts .NET导出图片功能,你需要安装相关的...
### highcharts本地导出图片_服务端代码 #### 概述 Highcharts 是一款非常流行的JavaScript图表库,它提供了一套完整的API以及丰富的图表样式,适用于各种数据可视化需求。Highcharts 支持将图表导出为不同的格式,...
HighCharts导出图片是发现请求的是官网,于是找了一下,整理了这个导出请求本地服务导出png、jpg、svg和pdf的demo (GitHub里找的 https://github.com/imclem/Highcharts-export-module-asp.net 把里面用到的 (sharp...
Highcharts是一款强大的JavaScript图表库,用于在Web页面上创建各种互动式图表,如折线图、柱状图、饼图等。它支持SVG(可缩放矢量图形)技术,可以提供高质量的视觉表现。在.NET C#环境中,如果你想利用Highcharts...
Highcharts是一款广泛应用于Web...4. 在图表页面中监听导出按钮事件,发送包含图表选项的请求到导出页面。 通过以上步骤,你就可以在VS2008环境中实现Highcharts图表的本地导出功能,让用户能够方便地保存和分享图表。
在"highcharts制作报表本地导出图片"这个主题中,我们将深入探讨如何使用Highcharts来构建报表,并实现用户可以在本地保存这些报表为图片的功能。 首先,我们需要了解Highcharts的基本用法。创建一个Highcharts图表...