1

HTC 欲望 S の Android アプリケーションを開発しています。ハイチャートを使用してグラフをプロットしています。ただし、曲線をズームすることはできません。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 は SVG をサポートしていないため、異なるレンダラーを使用しているため、HighCharts が提供する多くの機能を Android 2.x はサポートしていません。

アンドロイド 2.x

Android 2.x には SVG サポートが組み込まれていないため、このシステム用の canvg ライブラリに基づいて別のレンダラーを作成しました。このソリューションにはいくつかの制限があります。

  1. Android 2.x での Highstock の使用は、ズームとマウス操作に大きく依存するため、お勧めできません。
  2. 共有ツールチップは常に有効です。
  3. 最初のレンダリング中に、canvg レンダラー + rgbcolor.js + canvg.js (1 つのファイルに連結) が 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 に答える