2017-04-21 7 views

Antwort

1

die einzige Standard Option, die die Grenze auf der Maus entfernen wird vorbei ...

enableInteractivity: false 

aber dies wird auch deaktivieren den Tooltip

sonst können Sie außer Kraft setzen mit css wird der rahmen von einem svg ellipse element erstellt

es ist die nur Ellipse mit einem Hub-Breite von 6,5, so ...

ellipse[stroke-width="6.5"] { 
    stroke: transparent; 
} 

siehe folgende Arbeits Schnipsel ...

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
     ['Label', 'Value'], 
 
     ['a', 30] 
 
    ]); 
 

 
    var options = { 
 
     legend: 'none' 
 
    }; 
 

 
    var chart = new google.visualization.PieChart(document.getElementById('chart_div')); 
 
    chart.draw(data, options); 
 
    }, 
 
    packages: ['corechart'] 
 
});
ellipse[stroke-width="6.5"] { 
 
    stroke: transparent; 
 
}
<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

EDIT

wenn mehr als ein Wert e xists, Pfadelemente für die Grenze verwendet, fügen ...

path[stroke-width="6.5"] { 
    stroke: transparent; 
} 
+0

Es wird für diesen Fall arbeiten, aber für mehr Werte Grenze wieder sichtbar ist :( –

+0

siehe __EDIT__ oben ... – WhiteHat

+0

Danke, es jetzt funktioniert :) –

Verwandte Themen