1

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

    });
});

});

谢谢。

4

2 回答 2

2

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

安卓 2.x

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

  1. 不推荐在 Android 2.x 上使用 Highstock，因为它严重依赖缩放和鼠标交互
  2. 共享工具提示始终处于启用状态。
  3. 在第一次渲染期间，canvg 渲染器 + rgbcolor.js + canvg.js（连接到一个文件）将从 code.highcharts.com 下载。这可以通过 global.canvasToolsURL 选项进行配置。
  4. 图表和系列动画已关闭。
  5. 未启用从图例中显示/隐藏系列。系列和点触摸事件未启用。
  6. 未启用缩放。
  7. 不支持直接使用 Renderer API 向图表添加形状。
于 2013-02-01T09:05:25.547 回答
1

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

于 2013-02-01T09:00:13.733 回答