Добрый день. Вот разбираю Google Charts API, и встретился с такой проблемой:

http://clip2net.com/s/2Cb5z

Так отображается график тангенса, при таком коде:

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['corechart']});
</script>
<script type="text/javascript">
function drawVisualization() {
var data = google.visualization.arrayToDataTable([
['x', 'y']
<?php 
for($x=-10;$x<=10;$x+=0.1) echo ",[".$x.",".tan($x)."]";
?>
]);

new google.visualization.LineChart(document.getElementById('visualization')).
draw(data, {curveType: "function",
            width: 500, height: 400,
            vAxis: {maxValue: 1}}
    );
}
google.setOnLoadCallback(drawVisualization);
</script>
    <div id="visualization" style="width: 500px; height: 400px;"></div>

Функция tan() работает не так, как sin() cos(), потому, что если написать синус, или косинус, то всё замечательно.

Помогите решить. И возможно кто-то знает уже готовую АПИ/библиотечку, которая строит графики математичских функций.

Вот у гугла при поиске, есть набрать y=tan(x), то получается как раз то, что нужно. Есть ли API у гугла, именно к такому строителю графиков ?
http://clip2net.com/s/2Cbbs