Fatal编程技术网
  • javascript/
  • Javascript 在谷歌条形图上，我无法删除没有数据的列 我的网页 //加载谷歌图表 load（'current'，{'packages'：['corechart']}）； google.charts.setOnLoadCallback（drawChart）； //绘制图表并设置图表值 函数绘图图（）{ var data=google.visualization.arrayToDataTable([ ['Task'，'Hours per Day'，{role:'annotation'}]， [‘车辆编号’，8,8]， [Eat'，0,0]， [TV'，4,4]， ['Gym'，0,0],， [Sleep'，8,8]， [‘车辆编号’，8,8]， [Eat'，0,0]， [TV'，4,4]， ['Gym'，0,0],， [Sleep'，8,8]， [‘车辆编号’，8,8]， [Eat'，0,0]， [TV'，4,4]， ['Gym'，0,0],， [Sleep'，8,8]， [‘车辆编号’，8,8]， [Eat'，0,0]， [TV'，4,4]， ['Gym'，0,0],， [Sleep'，8,8]， [‘车辆编号’，8,8]， [Eat'，0,0]， [TV'，4,4]， ['Gym'，0,0],， [Sleep'，8,8]， ['Gym'，0,0],， [Sleep'，8,8]， [‘车辆编号’，8,8]， [Eat'，0,0]， [TV'，4,4]， ['Gym'，0,0],， [Sleep'，8,8] ]); //可选；添加标题并设置图表的宽度和高度 var options={'title'：'My Average Day'，'width'：2000'，'height'：window.innerHeight}； //使用id=“piechart”在元素内显示图表 var chart=new google.visualization.ColumnChart（document.getElementById（'piechart'）； 图表绘制（数据、选项）； }

Javascript 在谷歌条形图上，我无法删除没有数据的列 我的网页 //加载谷歌图表 load（'current'，{'packages'：['corechart']}）； google.charts.setOnLoadCallback（drawChart）； //绘制图表并设置图表值 函数绘图图（）{ var data=google.visualization.arrayToDataTable([ ['Task'，'Hours per Day'，{role:'annotation'}]， [‘车辆编号’，8,8]， [Eat'，0,0]， [TV'，4,4]， ['Gym'，0,0],， [Sleep'，8,8]， [‘车辆编号’，8,8]， [Eat'，0,0]， [TV'，4,4]， ['Gym'，0,0],， [Sleep'，8,8]， [‘车辆编号’，8,8]， [Eat'，0,0]， [TV'，4,4]， ['Gym'，0,0],， [Sleep'，8,8]， [‘车辆编号’，8,8]， [Eat'，0,0]， [TV'，4,4]， ['Gym'，0,0],， [Sleep'，8,8]， [‘车辆编号’，8,8]， [Eat'，0,0]， [TV'，4,4]， ['Gym'，0,0],， [Sleep'，8,8]， ['Gym'，0,0],， [Sleep'，8,8]， [‘车辆编号’，8,8]， [Eat'，0,0]， [TV'，4,4]， ['Gym'，0,0],， [Sleep'，8,8] ]); //可选；添加标题并设置图表的宽度和高度 var options={'title'：'My Average Day'，'width'：2000'，'height'：window.innerHeight}； //使用id=“piechart”在元素内显示图表 var chart=new google.visualization.ColumnChart（document.getElementById（'piechart'）； 图表绘制（数据、选项）； }

javascript charts google-visualization

Javascript 在谷歌条形图上，我无法删除没有数据的列 我的网页 //加载谷歌图表 load（'current'，{'packages'：['corechart']}）； google.charts.setOnLoadCallback（drawChart）； //绘制图表并设置图表值 函数绘图图（）{ var data=google.visualization.arrayToDataTable([ ['Task'，'Hours per Day'，{role:'annotation'}]， [‘车辆编号’，8,8]， [Eat'，0,0]， [TV'，4,4]， ['Gym'，0,0],， [Sleep'，8,8]， [‘车辆编号’，8,8]， [Eat'，0,0]， [TV'，4,4]， ['Gym'，0,0],， [Sleep'，8,8]， [‘车辆编号’，8,8]， [Eat'，0,0]， [TV'，4,4]， ['Gym'，0,0],， [Sleep'，8,8]， [‘车辆编号’，8,8]， [Eat'，0,0]， [TV'，4,4]， ['Gym'，0,0],， [Sleep'，8,8]， [‘车辆编号’，8,8]， [Eat'，0,0]， [TV'，4,4]， ['Gym'，0,0],， [Sleep'，8,8]， ['Gym'，0,0],， [Sleep'，8,8]， [‘车辆编号’，8,8]， [Eat'，0,0]， [TV'，4,4]， ['Gym'，0,0],， [Sleep'，8,8] ]); //可选；添加标题并设置图表的宽度和高度 var options={'title'：'My Average Day'，'width'：2000'，'height'：window.innerHeight}； //使用id=“piechart”在元素内显示图表 var chart=new google.visualization.ColumnChart（document.getElementById（'piechart'）； 图表绘制（数据、选项）； },javascript,charts,google-visualization,bar-chart,google-barchart,Javascript,Charts,Google Visualization,Bar Chart,Google Barchart,加载页面时，它会显示每个列的数据（无论是否有数据）。我需要缩短：我不想显示没有数据的列。我需要删除值为0.5的列。我需要显示有数据的列 我该怎么做？您可以使用数据视图绘制图表 在创建数据视图之后，我们排除了具有零值的行 我们通过使用getFilteredRows方法来查找不等于零的行 然后将返回值提供给setRows方法 请参阅以下工作片段 //加载谷歌图表 load（'current'，{'packages'：['corechart']}）； google.charts.setOnLoadC

加载页面时，它会显示每个列的数据（无论是否有数据）。我需要缩短：我不想显示没有数据的列。我需要删除值为0.5的列。我需要显示有数据的列

我该怎么做？

您可以使用数据视图绘制图表

在创建数据视图之后，我们排除了具有零值的行

我们通过使用
getFilteredRows
方法来查找不等于零的行

然后将返回值提供给
setRows
方法

请参阅以下工作片段

//加载谷歌图表
load（'current'，{'packages'：['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
//绘制图表并设置图表值
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
['Task'，'Hours per Day'，{role:'annotation'}]，
[‘车辆编号’，8,8]，
[Eat'，0,0]，
[TV'，4,4]，
['Gym'，0,0],，
[Sleep'，8,8]，
[‘车辆编号’，8,8]，
[Eat'，0,0]，
[TV'，4,4]，
['Gym'，0,0],，
[Sleep'，8,8]，
[‘车辆编号’，8,8]，
[Eat'，0,0]，
[TV'，4,4]，
['Gym'，0,0],，
[Sleep'，8,8]，
[‘车辆编号’，8,8]，
[Eat'，0,0]，
[TV'，4,4]，
['Gym'，0,0],，
[Sleep'，8,8]，
[‘车辆编号’，8,8]，
[Eat'，0,0]，
[TV'，4,4]，
['Gym'，0,0],，
[Sleep'，8,8]，
['Gym'，0,0],，
[Sleep'，8,8]，
[‘车辆编号’，8,8]，
[Eat'，0,0]，
[TV'，4,4]，
['Gym'，0,0],，
[Sleep'，8,8]
]);

var view=newgoogle.visualization.DataView（数据）；
view.setRows（data.getFilteredRows([{
专栏：1，
测试：功能（值）{
返回值（值！==0）；
}
}]));
//可选；添加标题并设置图表的宽度和高度
var options={'title'：'My Average Day'，'width'：2000'，'height'：window.innerHeight}；
//使用id=“piechart”在元素内显示图表
var chart=new google.visualization.ColumnChart（document.getElementById（'piechart'）；
图表绘制（视图、选项）；
}
var view=new google.visualization.DataView（数据）；view.setRows（data.getFilteredRows（[{column:1，test:function（value）{return（value！==0）；}}]）；同样的事情是，我在另外两个图表上使用了过滤器，但只在一个图表上应用了过滤器确保您使用数据视图而不是数据表绘制图表…var view=new google.visualization.DataView（data）；在任何地方使用相同的东西 
<!DOCTYPE html>
<html lang="en-US">
<head>
<style>

</style>
</head>
<body>

<h1>My Web Page</h1>

<div id="piechart"></div>

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

<script type="text/javascript">
// Load google charts
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);

// Draw the chart and set the chart values
function drawChart() {
    var data = google.visualization.arrayToDataTable([
        ['Task', 'Hours per Day',{ role: 'annotation' }],
        ['VehicleNumbering', 8,8],
        ['Eat', 0,0],
        ['TV', 4,4],
        ['Gym', 0,0],
        ['Sleep', 8,8],
        ['VehicleNumbering', 8,8],
        ['Eat', 0,0],
        ['TV', 4,4],
        ['Gym', 0,0],
        ['Sleep', 8,8],
        ['VehicleNumbering', 8,8],
        ['Eat', 0,0],
        ['TV', 4,4],
        ['Gym', 0,0],
        ['Sleep', 8,8],
        ['VehicleNumbering', 8,8],
        ['Eat', 0,0],
        ['TV', 4,4],
        ['Gym', 0,0],
        ['Sleep', 8,8],
        ['VehicleNumbering', 8,8],
        ['Eat', 0,0],
        ['TV', 4,4],
        ['Gym', 0,0],
        ['Sleep', 8,8],
        ['Gym', 0,0],
        ['Sleep', 8,8],
        ['VehicleNumbering', 8,8],
        ['Eat', 0,0],
        ['TV', 4,4],
        ['Gym', 0,0],
        ['Sleep', 8,8]
    ]);

  // Optional; add a title and set the width and height of the chart
    var options = {'title':'My Average Day', 'width':2000, 'height': window.innerHeight};

    // Display the chart inside the <div> element with id="piechart"
    var chart = new google.visualization.ColumnChart(document.getElementById('piechart'));
    chart.draw(data, options);
}
</script>

</body>
</html>