Question

我正在为HTC欲望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
          //  } 
        }]

    });
});

});

感谢。

Answer 1

我可以确认缩放功能在Android 4.2.1上运行正常，Android 2.x不支持HighCharts提供的许多功能，因为它使用不同的渲染器，因为Android 2.x不支持SVG的。

Android 2.x

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


不建议在Android 2.x上使用Highstock，因为它依赖   重点关注缩放和鼠标互动

始终启用共享工具提示。

在第一次渲染期间，canvg渲染器+ rgbcolor.js + canvg.js   （将连接到一个文件）将从code.highcharts.com下载   这可以使用global.canvasToolsURL选项进行配置。

图表和系列动画已关闭。

未启用图例中的显示/隐藏系列。系列和点触摸事件未启用。

未启用缩放。

不支持直接使用Renderer API向图表添加形状。

Answer 2

请看http://www.highcharts.com/documentation/compatibility，可能HTC有旧的Android，因为在4.0版本中缩放工作正常。

如何放大Highcharts Android

2 个答案:

Android 2.x