`
ihibernate
  • 浏览: 153108 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

highcharts 页面导出按钮汉化

阅读更多

飘花电影网

 

 

 


在使用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导出功能的工作原理。在默认情况下,Highcharts使用一个基于服务器的导出服务,将图表转换为图像或PDF。然而,"客户端导出"功能消除了对服务器的依赖,所有处理都在用户的浏览器内部完成...

    HighCharts Net导出服务 和相关源码

    关于HighCharts导出模块的 Net版的导出服务 GitHub里下载的 https://github.com/imclem/Highcharts-export-module-asp.net 把里面用到的 (sharpPDF.dll) (Svg.dll) 源码也怎和在一起了,有兴趣可以看看; 之前也下...

    Highcharts 导出图片

    Highcharts 导出图片,具体的图片导出的代码,带吗代码代码代码

    处理highcharts导出图片出现中文乱码的问题

    总的来说,解决Highcharts导出图片中的中文乱码问题需要综合考虑前端的Highcharts配置、后端的服务器环境、中间可能涉及的代理服务以及所有环节的字符编码设置。通过仔细排查并尝试上述方法,应该能够成功解决这个...

    highcharts客户端导出,本地导出

    这些功能通常依赖于服务器端的服务,当用户点击导出按钮时,Highcharts会发送一个HTTP请求到预设的服务器URL,由服务器处理导出请求并返回结果。 然而,在某些情况下,如离线环境或者出于隐私和安全考虑,我们可能...

    highcharts本地导出图片案例

    "highcharts本地导出图片案例"就是针对这一需求进行的实践。 Highcharts的本地图片导出功能允许用户在不借助服务器的情况下,直接在客户端生成高质量的图像文件。这种功能主要通过集成`Exporting Module`来实现,该...

    highcharts导出服务器的asp mvc实现

    本教程将详细介绍如何在ASP.NET MVC框架下实现一个Highcharts导出服务器。 首先,我们需要了解Highcharts的导出功能。Highcharts内置的导出功能允许用户将图表以图像(JPEG、PNG、PDF或SVG)的形式保存或打印,但是...

    Highcharts导出图片ASP.NET解决中文乱码问题

    本文将详细讨论如何在ASP.NET环境中解决Highcharts导出图片时的中文乱码问题。 首先,我们要理解问题的根源。Highcharts默认使用UTF-8编码,而ASP.NET应用可能使用其他编码方式,比如GB2312或GBK,这就可能导致在...

    highcharts 导出图片 .net C# Demo例子

    HighCharts导出图片是发现请求的是官网,于是找了一下,整理了这个导出请求本地服务导出png、jpg、svg和pdf的demo (GitHub里找的 https://github.com/imclem/Highcharts-export-module-asp.net 把里面用到的 (sharp...

    Highcharts导出图片到本地指定路径

    在这个例子中,我们禁用了默认的导出按钮菜单,并自定义了一个点击事件`exportChart()`,接下来我们要实现这个函数以完成导出操作。 导出图片通常涉及到服务器端处理,因为浏览器出于安全考虑,不允许JavaScript...

    highcharts 导出图片 例子 .net C# Demo 工具类

    最后,`HighChartsExport`可能是其他与HighCharts导出相关的辅助文件,如配置文件、日志文件或PhantomJS的执行脚本。 总之,这个.NET C# Demo提供了一种实现HighCharts图表导出图片的方法,通过工具类和控制器协同...

    highcharts导出图片的后台代码

    highcharts导出图片的后台代码,这样就不用从highcharts官网服务器上进行图片导出了,成了一个本地的服务器!

    highcharts导出图片到Excel和Pdf文件中

    - 查看博文链接(已提供)了解更多关于集成Highcharts导出功能的详细步骤和代码示例。 总结来说,实现Highcharts图表到Excel和PDF的导出,需要理解Highcharts的Exporting模块,熟悉JavaScript图像处理和PDF生成库...

    Highcharts图像导出jar

    包括Java导出Highcharts需要的4个jar包(其中highcharts-downimage.jar是下载图像的实现类,已经编译,并包含源码,其它3个jar包是相关引用类),以及struts配置。 使用时,只要将common_struts.xml加入struts配置...

    Highcharts .net(C#)导出图片支持中文svg转jpg等

    本文将深入探讨如何在C#环境下利用Highcharts .NET库实现图表的导出,并支持中文字符,以及如何将SVG格式转换为JPG、PNG、PDF和SVG等其他常见格式。 首先,要实现Highcharts .NET导出图片功能,你需要安装相关的...

    highcharts本地导出图片_服务端代码

    ### highcharts本地导出图片_服务端代码 #### 概述 Highcharts 是一款非常流行的JavaScript图表库,它提供了一套完整的API以及丰富的图表样式,适用于各种数据可视化需求。Highcharts 支持将图表导出为不同的格式,...

    highcharts 导出图片 例子 .net C# Demo

    HighCharts导出图片是发现请求的是官网,于是找了一下,整理了这个导出请求本地服务导出png、jpg、svg和pdf的demo (GitHub里找的 https://github.com/imclem/Highcharts-export-module-asp.net 把里面用到的 (sharp...

    highcharts 导出图片 .net c#Demo例子

    Highcharts是一款强大的JavaScript图表库,用于在Web页面上创建各种互动式图表,如折线图、柱状图、饼图等。它支持SVG(可缩放矢量图形)技术,可以提供高质量的视觉表现。在.NET C#环境中,如果你想利用Highcharts...

    Highcharts本地VS2008导出

    Highcharts是一款广泛应用于Web...4. 在图表页面中监听导出按钮事件,发送包含图表选项的请求到导出页面。 通过以上步骤,你就可以在VS2008环境中实现Highcharts图表的本地导出功能,让用户能够方便地保存和分享图表。

    highcharts制作报表本地导出图片

    在"highcharts制作报表本地导出图片"这个主题中,我们将深入探讨如何使用Highcharts来构建报表,并实现用户可以在本地保存这些报表为图片的功能。 首先,我们需要了解Highcharts的基本用法。创建一个Highcharts图表...

Global site tag (gtag.js) - Google Analytics