时间戳

首页 > 解决方案 > 如何隐藏mysql数据中的条形图而不被删除

javascript - 如何隐藏mysql数据中的条形图而不被删除

问题描述

我想问如何隐藏网站上出现的数据（条形图），但不删除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 上的数据库

在此处输入图像描述

标签： javascriptphphtmlmysqlbar-chart

解决方案

在渲染数据时过滤数据并不难。这是包含要显示的项目名称的过滤器数组和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')在检索数据时使用类似的方式过滤数据。

专业提示如果您使用描述性变量名称，下一个编写此报告的人会非常高兴。

推荐阅读