使用Chart js实现PHP中的动态图表

文章/答案/技术大牛

发布

1回答

javascript、php、ajax、chart.js

我无法使用Chart js将PHP文件中的值显示到HTML文件中。我正在尝试通过AJAX请求导入它。我通过在PHP文件中将数据库值打印为JSON进行了尝试。编码运行良好，但由于某些原因，我无法将它们显示在图形中。如果可能的话，请建议任何其他方法来完成代码中提到的任务 HTML： <html><meta charset="utf-8"/>

浏览 24提问于2021-08-04得票数 0

1回答

Highcharts下钻图表CodeIgniter

php、javascript、codeigniter、charts、highcharts

我正在做一个CodeIgniter框架中的PHP项目。这个应用程序保存了许多动态创建的图表。我在上的工作取得了巨大的成功。下面是生成我的图表的代码..."assets/js/jquery.cookie.js'></script>"; echo "<script type=

浏览 3提问于2013-07-01得票数 1

回答已采纳

2回答

使用JSON的Highcharts

php、ajax、json、highcharts

我试图使用我的数据库json中的数据创建一个图表，但它没有在图表中显示结果。到目前为止，我的代码如下：function requestData() { url: 'data.php[0].setData(data[0]); cache: false} var cha

浏览 1提问于2012-07-22得票数 1

回答已采纳

1回答

Google Chart* (可视化)和Meteor Live HTML -如何集成？*

google-visualization、meteor

我正在尝试将google charts应用到我的meteor项目中。我特别想使用Meteor的Live HTML技术在数据更改时自动更新图表。1)为了创建一个google图表，你总是需要有一个现有的dom元素附加到网站上。此方法不能正确使用Meteors方法声明html片段，然后将其附加到文档。如果我试图在片段中创建一个google图表，那么元素还不存在。2)

浏览 0提问于2012-08-08得票数 0

5回答

自动图表高度

highcharts、highstock

默认的高库存图表的高度为400px。参见下面的示例，导航栏位于音量面板上。我知道我可以设置div的高度，但我有一个解决方案，在图表中动态插入/删除轴/系列，并且自动高度图表会很好。示例是来自Highchart站点的相同的Candlestick/Volume演示，但div容器中没有heig

浏览 1提问于2013-04-05得票数 5

1回答

未在同一页上加载多个图表

javascript、php、chart.js

我使用chart Js在Codeigniter的同一页面上实现了多个图表，但只加载了一个图表；我的目标是能够在我的应用程序仪表板页面中预设多个数据；但当我尝试广告多个图表时，只加载第一个聊天:我的Jsphp echo json_encode($label); ?>; var chartData= <?php echo

浏览 13提问于2019-06-17得票数 0

1回答

高级图表-如何在不重新创建图表的情况下动态禁用plotBorder

javascript、jquery、charts、highcharts

我正在使用高级图表，并希望实现：但是，无论我在上面<e

浏览 6提问于2013-10-18得票数 0

4回答

如何在Laravel中安装Chart.js？

laravel、laravel-5、chart.js、laravel-6

我想在我的Laravel项目中安装Chart.js。使用npm，Webpack的配置，并通过一些Chart.js示例查看我的索引页面。在我的第一次尝试中，我在浏览器中得到了这个错误。Uncaught :图表未在(索引)：134处定义因此，我复制并粘贴了我在Chart.js文档集成中发现的这个要求。require(['

浏览 14提问于2020-02-07得票数 3

1回答

使用Chart.js的React折线图

javascript、reactjs

如何使用Chart.js在React中实现动态图表。我每隔10分钟就有来自API的数据，我想用这些数据填充图表。下面是获取数据的代码 .then(res => res.json()) .then(json => this.setState({chartData: [..

浏览 1提问于2018-02-22得票数 0

1回答

vue-chartjs如何加载数据

vue.js、chart.js、vue-chartjs

Linechart.js extends: Line, ] }我使用道具传递数据example.vue<template> <line-chart :width="37

浏览 0提问于2018-03-28得票数 0

回答已采纳

3回答

如何在javascript中包含php文件

javascript、php

我试图在我的文件index.php中包含javascript，问题是javascript在php文件扩展名charts.php中，当我试图将javascript链接到我的index.php时，它需要大量的工作/assets/js/charts.php"></script>样本charts.php</e

浏览 6提问于2021-12-22得票数 0

3回答

Gif加载器，同时加载大量png图像

javascript、jquery

我使用以下JS代码将服务器端PHP脚本(图表)生成的png图像加载到HTML IMG-element <img id="chart">：PNG图像的生成和下载大约需要1秒，所以我想在图像加载时显示gif加载器。如何使用JS<

浏览 0提问于2013-04-23得票数 0

回答已采纳

2回答

如何将backingbean字符串转到高级图表

jquery、jsf、richfaces、highcharts、gson

当涉及到JS、jQuery和JSON时，我还是很新的，所以我们非常感谢任何帮助。我有一个项目，我正在尝试使用高级图表，那就是JSF2.2，RichFaces 4。我已经得到了我的后台bean，它从数据库中提取数据，并将存储在一个集合中。然后，我将集合转换为GSON字符串。，并使用了一些硬编码的值来获得正确的外观/设计。我现在的问题是从后台bean获取数据到高级图表。因此，问题只是将char

浏览 3提问于2012-06-13得票数 0

回答已采纳

2回答

Ajax模式更新javascript图表数据？

javascript、jquery、ajax、json、design-patterns

我正在使用接口来显示图表。有许多图表类型可供显示，其思想是让用户从下拉列表中选择一个图表，发出ajax请求并部分更新图表。好处是我可以输出一个自定义的响应，带有自定义的图表选项、布局和数据。这里的问题是图表布局和数据都在head中的script标记内。然后由该接口填充一个空的div。我应该使用哪种模式来部分更新图表？很抱歉这个

浏览 0提问于2011-10-11得票数 0

回答已采纳

1回答

Laravel正在尝试在欢迎页面上显示图表

php、html、laravel、chart.js

我正在尝试在我的网站的欢迎页面上显示线形图。我正在使用Laravel和Chartjs。我可以在其他页面上显示图表，但不能在主欢迎页面(网站打开时加载的第一个页面)上显示图表。我已经包括： app.blade.php文件中的<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js</

浏览 17提问于2020-02-28得票数 2

2回答

HighCharts -如何创建可导出所有内容的动态图表

ajax、dynamic、export、highcharts、renderer

我正在尝试导出动态生成的图表，但我注意到有些内容无法导出。例如，我的图表有PlotBands，它根据所显示的数据动态变化。在构建图表时，我遵循了所有优秀HighChart示例的标准代码布局，在这些示例中，我在加载文档时立即生成图表。然后，在稍后的代码中，我使用Ajax调用加载数据并修改标题、绘图带、自定义文本等内容。问题是，在初始图表</

浏览 1提问于2012-10-18得票数 10

回答已采纳

2回答

使用AJAX创建角图

javascript、angularjs

我使用来使用下面的示例代码创建一个图表。这是可行的，但是我想使用AJAX动态地创建一个图表。如果我使用AJAX插入图表，则图表不会加载。我想知道如何更改下面的代码以允许我使用AJAX动态创建角图？"></script> <script src="https://cdnjs.cloudflare.com&#

浏览 4提问于2017-11-03得票数 0

2回答

AngularJS隐藏和显示字符

javascript、angularjs、controllers、chart.js、ng-hide

我尝试只在用户按下按钮时才显示图表！目前，我正在做以下工作：<canvas ng-hide="secondGraph" id="bar" class="chart chart-bar" data="data" labelsbtn-block" ng-click="secondGraphCtrl()"><i class="fa fa-lock"><&

浏览 1提问于2015-06-05得票数 0

1回答

带有codeigniter 3的图表条

javascript、php、mysql、codeigniter

我想创建一个带有图表条的图表，列出我在数据库中添加的所有新记录，并获取添加记录的月份。问题是我的应用程序是用php写的，而我看到chart.js是用javascript写的。 ? 这是我在index.php中的图表的html <div class="row clearf

浏览 8提问于2019-08-29得票数 2

1回答

Symfony2高级图表-带动态更新的捆绑

javascript、jquery、symfony、highcharts

我使用的是Symfony2框架和高级图表-束。对于该项目，需要进行动态更新，每秒钟/10秒显示具有最最新值的图表(如您在这里看到的：)。我的问题是，我无法实现这一点使用高图表-捆绑在Symfony2中。正如您在这里看到的，jquery/js代码是不同的： $(docu

浏览 1提问于2015-12-02得票数 0

回答已采纳

点击加载更多