2017-10-28 1 views
0

Ich amCharts Ringdiagramme wie folgt aus: https://www.amcharts.com/demos/donut-chart/Wie lassen Sie Scrollen über AmCharts auf Mobilgeräten zu?

Mein JS-Code diese Grafik zu erstellen ist:

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); 
 
}

Das sieht gut aus, auch auf mobilen Geräten, aber die Problem ist, wenn ich versuche, auf mobilen Geräten zu scrollen (Berühren des AmChart-Diagramms, weil dieses Diagramm viel des Bildschirms besetzt) ​​passiert nichts.

Wie kann ich das beheben?

Antwort

0

Haben Sie versucht, die Eigenschaft "paneVentsEnabled" als false hinzuzufügen?

Verwandte Themen