如何使用javascript / jquery从谷歌图表中删除数据点

时间:2016-12-19 07:27:49

标签: javascript jquery

我正在使用谷歌图表显示数据分析,我想从谷歌图表中删除数据点可以任何人告诉我如何从谷歌图表中删除数据点,因为我在javascript编写和jquery.logic如何进行此操作一个

<html>
  <head>
  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart()
	  {
        var data = google.visualization.arrayToDataTable([
          ['Age', 'Weight'],
          [ 8,      12],
          [ 4,      60],
          [ 11,     14],
          [ 10,      80],
          [ 3,      40],
          [ 6.5,    7]
        ]);

        var options =
		{
          title: 'Age vs. Weight comparison',
          hAxis: {title: 'Age', minValue: 0, maxValue: 15},
          vAxis: {title: 'Weight', minValue: 0, maxValue: 15},
          legend: 'none'
        };

        var chart = new google.visualization.ScatterChart(document.getElementById('chart_div'));
		google.visualization.events.addListener(chart, 'select', selectHandler);
        chart.draw(data, options);
		
		function selectHandler() 
		{
        var selectedItem = chart.getSelection()[0];
        var value = data.getValue(selectedItem.row,0);
        alert('The user selected ' + value);
		
		
		var array=[value];
		alert(array);
		alert("want to delete this point " + value);
		
		}
		
	}                                         
	   
    </script>
  </head>
  <body>
  
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

1 个答案:

答案 0 :(得分:0)

删除数据是没有意义的,因为图表不会显示。

你能做到的只是隐藏CSS中的点:

circle{
  display:none;
}