当前位置: 首页 > 面试题库 >

带有jquery的Ajax Google可视化API量规

柳弘方
2023-03-14
问题内容

我正在寻找创建一个通过ajax更新的仪表盘仪表。下面是我的代码。我有ajax代码,但不确定如何更新量规。有什么建议?

         google.load('visualization', '1', {packages:['gauge']});
          google.setOnLoadCallback(drawChart);
          function drawChart() {
            var data = new google.visualization.DataTable();
            data.addColumn('string', 'Label');
            data.addColumn('number', 'Value');
            data.addRows(1);
            data.setValue(0, 0, 'Tempature');
            data.setValue(0, 1, 76);

            var chart = new google.visualization.Gauge(document.getElementById('liveTempChart'));
            var options = {width: 340, height: 130, redFrom: 90, redTo: 100,
                yellowFrom:75, yellowTo: 90, minorTicks: 5};
            chart.draw(data, options);
          }

阿贾克斯代码…

foreach($ obj-> sensor as $ unit){if($ unit-> label ==“ Temp”){echo $ unit->
tempf。“ F”; }}


问题答案:

您也可以使用相同的代码进行更新。您需要创建一个新的数据表实例,然后再次调用图表的绘制函数(与第一次更新的过程非常相似)。

        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Label');
        data.addColumn('number', 'Value');
        data.addRows(1);
        data.setValue(0, 0, 'Tempature');
        data.setValue(0, 1, 76);

        chart.draw(data, options);


 类似资料:
  • 要显示以下双变量函数z = f (x,y)的图像: 分别对函数的定义域生成含有重复行与列的X和Y矩阵。 用X和Y来计算函数的图像。 函数meshgrid把由单向量或双向量x,y指定的定义域变换成矩阵X和Y,以用于计算双变量函数。X的行和Y的列分别是x和y向量的复制。 举例-sinc函数图像 此例计算并作出sinc函数sin(r)/r的在x和y方向间的图象。R是到原点的距离,出现在矩阵中心。添加ep

  • 我有两个表:Person(person_id,name)和另一个表Contacts(person_id,phone_type,phone_no)。 例如,contacts表的行被透视以形成视图的列(列的数量将根据'phone_types'列的不同值而变化)。 有什么方法可以透视contacts表,但使用动态pivot-in-sublic,类似

  • 我知道使用可视化API很容易实现这一点,但除非我错过了一个关键点,否则不可能将可视化API库与UIApp一起使用?相比之下,Charts服务的功能似乎极其有限。 我在下面附上了一个图表创建代码的示例:

  • 如何在悬停时以百分比形式显示数据?我可以让网格线显示百分比,但悬停始终显示未格式化的数据:vs。

  • 问题内容: 我试图按照本教程中有关如何在GWT中连接数据库的方法进行操作,但是我没有创建登录程序,而是尝试从数据库中检索GWT可视化数据表,以便随后可以创建带注释的时间轴。我走的很远,但是我撞到了我不知道的最后一堵墙。与tut不同,我不是从RPC返回简单的User类,而是返回复杂的DataTable。问题在于该数据表必须可以通过GWT标准进行序列化。有没有简单的方法可以做到这一点? 出于安全原因,

  • Python 中有很多库可以用来可视化数据,比如 Pandas、Matplotlib、Seaborn 等。 Matplotlib import matplotlib.pyplot as plt import numpy as np %matplotlib inline t = np.arange(0., 5., 0.2) plt.plot(t, t, "r--", t, t**2, "bs", t