2017-10-28 8 views
0

私はamChartsはこのようなチャートドーナツ使用しています:https://www.amcharts.com/demos/donut-chart/モバイルでamChartをスクロールできるようにするにはどうすればよいですか?

私のJSコードは、このチャートを作成するためには、次のとおりです。

var results = getJsData().responses; 
 

 

 
var chart = AmCharts.makeChart("chartdiv", { 
 
    "type": "pie", 
 
    "startDuration": 0, 
 
    "theme": "light", 
 
    "labelRadius": -35, 
 
    "labelText": "[[percents]]%", 
 
    "addClassNames": true, 
 
    "legend":{ 
 
     "position":"bottom", 
 
     "marginRight":100, 
 
     "autoMargins":false 
 
    }, 
 
    "innerRadius": "30%", 
 
    "defs": { 
 
     "filter": [{ 
 
      "id": "shadow", 
 
      "width": "200%", 
 
      "height": "200%", 
 
      "feOffset": { 
 
       "result": "offOut", 
 
       "in": "SourceAlpha", 
 
       "dx": 0, 
 
       "dy": 0 
 
      }, 
 
      "feGaussianBlur": { 
 
       "result": "blurOut", 
 
       "in": "offOut", 
 
       "stdDeviation": 5 
 
      }, 
 
      "feBlend": { 
 
       "in": "SourceGraphic", 
 
       "in2": "blurOut", 
 
       "mode": "normal" 
 
      } 
 
     }] 
 
    }, 
 
    "dataProvider": results, 
 
    "valueField": "votes", 
 
    "titleField": "response" 
 
}); 
 

 
chart.addListener("init", handleInit); 
 

 
chart.addListener("rollOverSlice", function(e) { 
 
    handleRollOver(e); 
 
}); 
 

 
function handleInit(){ 
 
    chart.legend.addListener("rollOverItem", handleRollOver); 
 
} 
 

 
function handleRollOver(e){ 
 
    var wedge = e.dataItem.wedge.node; 
 
    wedge.parentNode.appendChild(wedge); 
 
}

これはでも、モバイルデバイス上で、罰金に見えますが、問題は、モバイルデバイス上でスクロールしようとするときです(amChartグラフに触れると、このグラフは画面の大部分を占めるため)何も起こりません。

どうすれば修正できますか?

答えて

0

「panEventsEnabled」プロパティをfalseに追加しようとしましたか?

関連する問題