如何在不删除的情况下隐藏mysql数据中的条形图

问题描述 投票:-1回答:1

我想问一下如何隐藏数据显示在网站上(条形图),但不删除mysql上的数据

这是显示条形图的代码

  // Load the Visualization API and the corechart package.
  google.charts.load('current', {packages: ['corechart', 'bar']});
  google.charts.setOnLoadCallback(drawChart);

  function drawChart() {

    // Create the data table.
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'storage_type');
    data.addColumn('number', 'storage_used');
    data.addColumn('number', 'storage_free');
    for(i = 0; i < my_2d.length; i++)
data.addRow([my_2d[i][0], parseInt(my_2d[i][1]),parseInt(my_2d[i][2])]);

    var options = {
      title: 'server'
    };

    var chart = new google.charts.Bar(document.getElementById('chart_div'));
    chart.draw(data, options);
   }

这是该代码的输出“在此处输入图像描述”

我只想显示条形图“ fujitsu”并隐藏“ hp”和“ huawei”,但不删除mysql上的数据库

enter image description here

javascript php html mysql bar-chart
1个回答
1
投票

在呈现数据时过滤数据并不难。这是一个包含要显示的项目名称和Array.includes()函数的过滤器数组的工作。

 const storage_type_filter = [ 'fujitsu' ];

 for(let i = 0; i < my_2d.length; i++) {
     const storage_type = my_2d[i][0];
     const storage_used = parseInt(my_2d[i][1]);
     const storage_free = parseInt(my_2d[i][1]);
     if (storage_type_filter.includes(storage_type)) {
         data.addRow (storage_type, storage_used, storage_free);
     }
 }

您没有向我们显示有关您的数据库的任何信息。但是,您也可以在检索数据时使用WHERE storage_type IN ('fujitsu')之类的数据过滤数据。

专业提示如果您使用描述性的变量名称,那么下一个处理此报告的人员将非常高兴。

© www.soinside.com 2019 - 2024. All rights reserved.