Android 如何放大高图

Android 如何放大高图,android,highcharts,Android,Highcharts,我正在为HTC desire S开发一个android应用程序。我正在使用highcharts绘制一个图表。但我无法缩放曲线。我使用了zoomType:'x',但它不起作用。谁能告诉我有什么问题吗。此外,如果有其他方法进行缩放。 下面是我的代码: $(function callJS() { var carter = dataLoader.getfhr(); var myArray = carter.split(" "); for(var i=0; i<myArray.length

我正在为HTC desire S开发一个android应用程序。我正在使用highcharts绘制一个图表。但我无法缩放曲线。我使用了zoomType:'x',但它不起作用。谁能告诉我有什么问题吗。此外,如果有其他方法进行缩放。 下面是我的代码:

 $(function callJS() {  

var carter = dataLoader.getfhr();
var myArray = carter.split(" ");
 for(var i=0; i<myArray.length; i++)

    { myArray[i] = parseFloat(myArray[i]); }   

var chart;
$(document).ready(function() {
    chart = new Highcharts.Chart({
        chart: {
           renderTo: 'container',
            type: 'spline',
           zoomType: 'x',
            spacingRight: 20,
             backgroundColor : '#E8E8E8'
        },
        title: {
            text: 'Fetal Heart Rate'
        },
        subtitle: {
           // text: 'October 6th and 7th 2009 at two locations in Vik i Sogn, Norway'
        },
        xAxis: {
        gridLineWidth: 1,
        lineColor: '#CC3333',
         tickColor: '#CC3333',               
        //minorTickInterval: 1,
       // minorTickLength: 0
        },
        yAxis: {
            title: {
                text: 'FHR values'
            },
            min: 1500,
            max: 3500,
            minorTickInterval: 10,
            lineColor: '#CC3333',
            lineWidth: 1,
             //tickWidth: 1,
             tickColor: '#CC3333',
            //minorGridLineWidth: 'auto',
            //gridLineColor : '#CC3333',           
            //minorTickInterval: 10,    
            //minorTickLength : 'auto',     
           // gridLineWidth: 2,
            alternateGridColor: null,
            plotBands: [{ // mark the weekend
            color: 'pink',
            //from: 120,
           // to:160
        }]
        }, 
        tooltip: {
            formatter: function() {
                     return '<b>' + this.series.name + '</b><br/>' + this.x + ': ' + this.y;
            }
        },
        plotOptions: {
            spline: {
                lineWidth: 4,
                states: {
                    hover: {
                        lineWidth: 5
                    }
                },
                marker: {
                    enabled: false,
                    states: {
                        hover: {
                            enabled: true,
                            symbol: 'circle',
                            radius: 5,
                            lineWidth: 1
                        }
                    }
                },

            }
        },
        series: [{
            name: 'FHR value',
            data: myArray,  
            color: '#383838',
            //dataLabels: {
             //   align: 'left',
              //  enabled: true
          //  } 
        }]

    });
});

});
$(函数callJS(){
var carter=dataLoader.getfhr();
var myArray=carter.split(“”);

对于(var i=0;i请看,可能HTC有旧的Android,因为在4.0版本中zoom工作正常。

我可以确认,zoom功能在Android 4.2.1上工作正常,Android 2.x不支持HighCharts提供的许多功能,因为它使用不同的渲染器,因为Android 2.x不支持SVG

安卓2.x Android2.x没有内置SVG支持,所以我们有 基于canvg库为此创建了一个单独的渲染器 系统。此解决方案有一些限制:

  • 不建议在Android 2.x上使用Highstock,因为它依赖于 非常注重缩放和鼠标交互
  • 共享工具提示始终处于启用状态
  • 在第一次渲染期间,canvg渲染器+rgbcolor.js+canvg.js (连接到一个文件)将从code.highcharts.com下载 这可以通过global.canvasToolsURL选项进行配置
  • 图表和系列动画已关闭
  • 未启用图例中的显示/隐藏序列。未启用序列和点触摸事件
  • 缩放未启用
  • 不支持直接使用渲染器API将形状添加到图表中

  • 是的,我看到了,但不幸的是我只需要在HTC Desire S上工作。我换了AcherEngine。