【工作记录0019】Hightcharts 修改缩放（x/y/xy轴放大或缩小）按钮的文字

原创于 2017-04-07 15:17:38 发布 · 2.3k 阅读

1 ·

CC 4.0 BY-SA版权

原创#笔记同时被 2 个专栏收录

32 篇文章

订阅专栏

HightCharts

5 篇文章

订阅专栏

本文介绍了如何使用Highcharts配置图表的缩放功能，并提供了具体的代码示例，包括全局配置和图表级别的配置。

主要用到了Hightchart 的全局配置：

        //Highcharts 全局配置
        Highcharts.setOptions({
            // 所有语言文字相关配置都设置在 lang 里
            lang: {
                resetZoom: '重置',//若图标设置了缩放功能，当鼠标选中数据列的连续点或者区域时会出现缩放按钮，此选项设置了按钮上的文字
                resetZoomTitle: '重置缩放比例',//此选项为鼠标悬浮在按钮上后显示的提示文字
            }
        });

效果图：

补充说明：

1.默认缩放按钮属性如下；

resetZoom： ‘Reset zoom’

resetZoomTitle: 'Reset zoom level 1:1'

2.设置图标选中缩放功能：

$('#id').highcharts({
                chart: {
                    zoomType: 'x'//放大方式,x表示横向放大，y表示纵向放大,xy表示双轴放大
                }
});