1回答
我有一个带有CHart.js的MVC应用程序。可以在View事件上加载CHart.js。
我希望在html按钮单击事件上加载Chart.js。单击按钮，调用控制器，并根据搜索条件对数据进行筛选。我希望这个过滤过的内容显示在chart.js上。
如何调用javascript函数在单击按钮完成控制器进程后按一下按钮加载图表。
输入过滤条件2.单击按钮3.控制器根据过滤器4从数据库中获取数据。然后调用视图中的javascript函数加载chart.js
让我知道该怎么做。
浏览 1提问于2018-09-19得票数 0
回答已采纳
1回答
我在页面上使用chart.js，并且希望使用存储在SQL数据库中的数据作为chart.js的数据。
下面是chart.js片段的样子：
// Chart Data
var chartData = {
labels: ["Jänner", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "Novembe
浏览 5提问于2022-01-27得票数 0
回答已采纳
3回答
我想用chart.js显示来自数据库的数据。
在asp.net MVC中，我有一个控制器，它从数据库中检索数据，并用以下代码在视图中显示它们：
@foreach(var items in Model)
{
<h6>@items.title</h6>
<h6>@items.cuntr</h6>
}
如何在chart.js中显示@items.title和@items.cuntr？非常感谢。
浏览 1提问于2017-08-15得票数 1
1回答
我正在尝试绘制一个图表，它描述了在过去07天内获得通行证的人数。
我在后端使用PHP和phpMyAdmin's MySQL DBServer。为了绘制图表，我使用了chart.js (我愿意接受不同库的建议以获得合适的解决方案，因为我只是偶然发现了这个库)
创建用于chart.js JS代码的结果数据集的PHP代码如下：
<?php
$servername = "localhost";
$username = "xyz";
$password = "xyz";
$dbname = "xyz&#
浏览 44提问于2019-07-15得票数 0
回答已采纳
我在用水瓶做课程项目。我在static和templates文件夹中有一些javascript和templates文件，层次结构如下所示：
/flask_project
-->/run.py
-->/templates
-->/index.html
-->/js
-->/chart.js
chart.js中有一个函数可以绘制图形，我需要将一些数据从我的python代码传递给这个函数。
@app.route('/index')
def index():
data=[1,2,3,4,5,6]
return
浏览 3提问于2020-10-18得票数 0
回答已采纳
我正试图用Chart.js 2.0创建一个双Y轴.我在文档中看到，AddData和Chart.js 1.0一样工作。但是当我在浏览器上运行时，我会得到消息"xxxxxxxx.AddData不是一个函数“。
如果能帮上忙，这就是我正在使用的 (我找不到chart.js 2库的url作为资源文件，这应该是画布保持黑色的原因)
浏览 2提问于2015-07-06得票数 2
回答已采纳
5回答
我有一个网络应用程序，运行webpack，打字记录和吞咽。我想使用chart.js库，我已经安装了chart.js npm包。我试图在其中一个JS文件上定义chart.js，我得到了以下内容：error TS2307: Cannot find module 'chart.js'
我的JS文件如下所示：
import Chart = require( "chart.js" );
tsconfig：
{
"compilerOptions": {
"module": "commonjs"
},
浏览 11提问于2016-04-12得票数 4
回答已采纳
我使用的是Sveltekit，我将chart.js从@2.9.4升级到它的最新版本，升级后得到以下错误：
500
The requested module '/node_modules/.vite/deps/chart_js.js?v=425f86ec' does not provide an export named 'default'
SyntaxError: The requested module '/node_modules/.vite/deps/chart_js.js?v=425f86ec' does not provide an e
浏览 7提问于2022-07-20得票数 1
回答已采纳
我的朋友让我做一个简单的应用程序，从Excel文件中生成图表(条形图、曲线图)。我选择使用JavaScript作为一种语言，因为我已经了解了强大的chart.js。然而，在使用chart.js之前，我必须从Excel文件中收集数据。那么如何通过JavaScript读取Excel文件呢？
经过一些研究，我已经设法用it浏览器(使用ActiveX)做到了这一点，但我需要它跨浏览器工作。
浏览 10提问于2013-05-19得票数 14
我正在使用编写测试，它使用chart.js创建了一个线条图。当我运行测试时，我会出错。
ReferenceError:未定义ResizeObserver
[ 290 ]\x} 291 \ ngAfterViewInit() {> 292 \ this.chart =新图表(this.chartRef.nativeElement，this.chartConfig)；{ at (../../../node_modules/chart.js/dist/chart.js:2428:20) at DomPlatform.addEventListener (../../../node_module
浏览 8提问于2021-08-06得票数 10
回答已采纳
4回答
我用如下所示的PHP脚本查询我的数据库：
$query = "SELECT * FROM JKFactory WHERE ronde = '$ronde' AND moment = '$moment' AND klas = '$klas'";
$result = mysql_query($query) or die('Query failed: ' . mysql_error());
while($row = mysql_fetch_array($result))
{
echo $row[
浏览 7提问于2016-10-28得票数 0
如何从Chart.js创建html图例以隐藏/显示图表的dataset，就像由Chart.js本身生成的图例一样
底部-> Chart.js图例的图例
右边的图例> HTML
如何在"SETOR AGILIZA“中单击并获得相对于它的dataset隐藏/显示
我在chat.js/core.legend.js 中找到了这段代码
onClick: function(e, legendItem) {
var index = legendItem.datasetIndex;
var ci = this.chart;
浏览 3提问于2016-09-15得票数 5
回答已采纳
当我想使用时，它给了我这些错误。
我为chart.js使用的版本是^3.5.0和^4.0.1，用于react chartjs-2
我把它降级到了第2版，但没有起作用
图组件代码
import React from 'react'
import { Bar } from 'react-chartjs-2'
import { Chart as ChartJS } from 'chart.js/auto'
function Chart({ chartData }) {
return <Bar data={chartData}
浏览 8提问于2022-02-20得票数 1
回答已采纳
我正在使用Chart.js。当我使用设定值时，图表显示正确。但是，当我使用变量时，图表不会显示，并且控制台中出现错误。我不理解错误消息。 图表如下： function showChart(chartName, xAxis, yAxis){
alert("chartName: " + chartName);
alert("xAxis: " + xAxis);
alert("yAxis: " + yAxis);
//Charts
//Select the chart element
const ctx
浏览 105提问于2021-07-05得票数 0
角图:误差ReferenceError: UIChart.initChart (chart.js:53)中没有定义图表
进口：
"../node_modules/chart.js/dist/Chart.js",
"../node_modules/chart.js/dist/Chart.bundle.js",
"../node_modules/chart.js/dist/Chart.min.js",
"../node_modules/chart.js/dist/Chart.bundle.min.js"
import { Ch
浏览 0提问于2018-11-12得票数 7
回答已采纳
我得到了这个错误： ERROR RangeError: Maximum call stack size exceeded
at ChartElement.update (Chart.js:11474)
at fitBoxes (Chart.js:7127)
at fitBoxes (Chart.js:7145)
at fitBoxes (Chart.js:7145)
at fitBoxes (Chart.js:7145)
at fitBoxes (Chart.js:7145)
at fitBoxes (Chart.js:7145)
浏览 23提问于2020-07-25得票数 1
回答已采纳
我正在做我的第一个Cordova项目，并尝试使用Chart.js。文档指出，Chart.js应该包含如下内容：
<script src="Chart.js"></script>
<script>
var myChart = new Chart({...})
</script>
我使用bower安装库，它现在位于www/lib/chart.js下。当我加载Chart.js或lib/chart.js时，Chrome会给我Failed to load resource: the server responded with a s
浏览 6提问于2017-02-01得票数 4
我正在工作的角度6项目，我想要创建一些图表使用chart.js。
我使用npm安装了chart.js，它的版本类似于3.5.1。我的TypeScript版本类似于2.9.0。
因此，当我尝试服务时。
node_modules/chart.js/types/animation.d.ts(20,37): error TS1005: ',' expected.
node_modules/chart.js/types/animation.d.ts(20,46): error TS1005: ',' expected.
node_modules/chart.js/type
浏览 0提问于2021-08-30得票数 3
回答已采纳
1回答
Php数组和chartjs
、、、、
我需要有关chart.js (www.chartjs.or)的帮助。
我在php中有一个数组，假设
$array_with_data = array(1,1,1,1,1,1,2,1,2);
此数组来自mysql数据库。现在我想使用这个chart.js，在这行中的什么地方
data: [12, 19, 3, 5, 2, 3, 2,3,1,2,4,5],
我想在php中用我的数组替换这个数组数据。我该怎么做呢？:)这个图表的完整代码在底部。
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js
浏览 0提问于2017-07-21得票数 2
2回答
使用chart.js 2.5.0和webpack 2.2.1，最小化后的束数为357 K。我尝试过各种选择，但似乎没什么大不了的。
使用这些文件：
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hello webpack</title>
</head>
<body>
<div id="root"></div
浏览 4提问于2017-02-15得票数 1
1回答
假设我想用HTML制作一个条形图。我使用node.js作为后端，通过node.js从数据库中获取数据。我通常会将要查看的数据呈现为ejs文件。我是否可以使用来自node.js的数据库数据，然后将其传递到chart.js创建的javascript (客户端)？
浏览 1提问于2020-02-11得票数 0
回答已采纳
1回答
我开始创建一个网站来报告我存储在SQL Server数据库中的一些数据。
我使用jsnode访问数据库中的数据，然后使用这些数据创建一个chart.js
Chart.js运行良好，从SQL Server读取数据也运行良好(使用npm mssql)，问题是我的查询函数没有等到查询结束才返回数据，那么图表永远不会更新，即使我稍后在控制台上获得数据。
下面是导出函数
exports.getProdData = function()
{
sql.close()
sql.connect(config).then(() => {
return sql.query`select * f
浏览 7提问于2018-02-05得票数 1
我正在尝试导入像popper、jquery和chart.js这样的库，以便在angular项目中使用。 我已经使用cli下载了它们，并在我的index.html和angular.json文件中引用了它们。 index.html <head>
...
<script src="node_modules/chart.js/dist/Chart.js"></script>
</head> angular.json ...
"styles": [
"node_modules/boots
浏览 15提问于2019-09-06得票数 0
回答已采纳
我正在尝试将图表包含到我的Ionic应用程序中，但遇到错误。我已经将angular.js文件夹和chart.js文件夹下载到我的lib文件夹中，并在index.html中添加了以下行：
<script src="lib/angular-chart.js/dist/angular-chart.js"></script>
<script src="lib/chart.js/dist/Chart.js"></script>
<script src="lib/angular-chart.js/dist/ang
浏览 11提问于2016-07-04得票数 4
回答已采纳
我正在尝试将Chart.js与node.js结合使用。我从以下git源代码下载了Chart.js：并使用php进行了测试，一切都很顺利。
现在我正在与node.js合作，但我有一个问题：
资源被解释为脚本，但使用MIME类型text/html传输："url/Chart.js/Chart.js“localhost/:3 Uncaught :意外令牌< /Chart.js/Chart.js:1
debug.html
<html><head>
<script src="Chart.js/Chart.js"></scr
浏览 1提问于2014-01-29得票数 2
回答已采纳
我有一个非常简单的webpack项目使用超文本标记语言插件从一个单一的js文件条目生成一个Html文件。
我用"npm install c3“安装了c3
chart.js
import * as c3 from "c3";
var chart = c3.generate({
bindto: '#chart',
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20,
浏览 0提问于2020-01-21得票数 1
我想在aurelia项目中使用chart.js，但我遇到了错误。如何将第三方节点包添加到aurelia应用程序中？
我在用奥雷利亚-克莱，BTW
以下是我所做的
npm install --save chart.js
在aurelia.json中，我添加了以下内容
"dependencies": [
...,
{
"name": "chart.js",
"path": "../node_modules/chart.js/dist",
"main": "Char
浏览 2提问于2016-12-12得票数 9
回答已采纳
2回答
我正在使用sails框架在node.js中创建一个应用程序。我想创建一个PDF格式的报告。报告需要包含使用chart.js生成的图表。数据从mongodb获取并显示在canvas上。如何使用node.js创建此图表的PDF文件？
浏览 4提问于2016-08-04得票数 9
1回答
我从Excel文件中读取了两个数据库，并将其转换为JSON。(我的项目是JavaScript)
第一个数据库是飞行员应该遵循的计划跟踪，第二个数据库是实际跟踪。
我需要计算轨道之间的平均距离。问题是轨道上没有相同的点数，所以我不知道我应该计算出多远。
我用chart.js打印了数据库，它们如下所示：
浏览 4提问于2022-05-30得票数 -1
我使用Chart.js(新版本)作为：
<script src="~/Plugin/Chart.js/src/chart.js"></script>
但是当我用铬演示时，我会得到一个错误：
chart.js:4 Uncaught ReferenceError: require is not defined
浏览 13提问于2016-07-04得票数 12
回答已采纳
我找到了一个使用Chart.js和创建HTML文件的示例。这个例子运行得很好。现在我想在本地使用chart.js。因此，我换了下面这一行：
// <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/0.2.0/Chart.min.js"
进入：
<script src="C:\Temp\Chart.js" type="text/javascript"></script>
(The file: Chart.js is copied into th
浏览 4提问于2020-02-17得票数 1
我呈现一个图表/line图形和Chart.js，其中显示服务器上个月的ping (云函数每小时运行一次，数据被发送到时间序列数据库)。但是事故会发生，服务器有时是无法到达的。在那些时候，我把ping保存为-1。此外，有时数据只是丢失。我需要以不同的方式展示这两个案子。例如，是否有办法在服务器离线时将图形的一部分涂成红色，在缺少数据时用灰色表示？最好使用Chart.js，但您可以建议任何其他JavaScript库。
非常感谢。
浏览 3提问于2021-02-02得票数 0
1回答
我想在我的项目中使用，所以我已经安装了chart.js和具有bower的角图js，有以下步骤
添加.bowerrc
{“解决器”：“bower-npm-解析器”}
而且比
npm install -g bower-npm-resolver
bower install npm:chart.js --save
bower install --save angular-chart.js
我的bower_components文件夹也有angular-chart.js和chart.js文件夹
|-- angular
|-- angular-chart.js
|-- chart.js
由于我没
浏览 4提问于2016-09-08得票数 1
回答已采纳
1回答
Chart.js面
、、、
在chart.js中是否有任何插件或配置选项来创建分面图表？
我需要使用chart.js创建分面图表。图面图在多个图表之间共享X和/或Y轴。(请参阅附件中的图像)，它是许多设计可视化问题的一个非常常见的解决方案，但在chart.js中却没有。
Chart.js V3添加了，它可能用于在chart.js中创建分面图表。
刻面图的例子
浏览 7提问于2022-08-12得票数 0
回答已采纳
1回答
EJS内联DOM选择器未定义
、、、、
我使用Node.js、Express、Chart.js和EJS作为模板。我想要一个模板，它传递一个带有对象列表的变量。每个对象都定义了一个用于Chart.js在网页中呈现的图表。
Chart.js要求将DOM中的画布存储在变量中，该变量作为参数传递给new Chart()，但是在下面的代码中，我的EJS引用了document，它得到一个错误，在引用它时它没有定义。我怎么才能避开这一切？
<div class='report-content'>
<!-- 'reportSheet' is a variable passed in fr
浏览 4提问于2017-09-23得票数 0
回答已采纳
我使用Angular2-rc4和角-cli webpack，并希望实现一个chart.js库。
我已经使用以下方法将chart.js安装到我的项目中：
安装chart.js --保存
然后，我尝试导入组件中的chart.js：
import {Component, OnInit, ViewChild} from '@angular/core';
import 'chart.js/src/chart.js';
declare let Chart;
@Component({
selector: 'app-dashboard',
te
浏览 11提问于2016-08-22得票数 18
1回答
我想问一下如何安装chartjs@2.9.4与我的laravel应用程序。
我现在使用cdn链接，但稍后它不会是我的一个选择。
已使用的cdn链接：
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js"></script&
浏览 7提问于2021-05-18得票数 2
回答已采纳
我在asp内核2.0中有一个项目。
我在web.config中建立了下一个规则：
<rewrite>
<rules>
<rule name="wwwroot" >
<match url="([\S]+[.](js|css|png|gif|jpg|jpeg))" />
<action type="Rewrite" url="wwwroot/{R:1}" logRewrittenUrl="true
浏览 0提问于2017-10-27得票数 0
回答已采纳
1回答
当我悬停在数据点上，即三月份，值为15时，它说的是1月15日，而不是3月15日，但它在正确的位置。有办法解决这个问题吗？
<!DOCTYPE html>
<html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"></script>
<body>
<canvas id="myChart" style="width:100%;max-width:700px">&
浏览 1提问于2021-11-05得票数 2
回答已采纳
折叠错误：
ERROR TypeError: Cannot read property '15' of undefined
at ChartElement.getPixelForValue (Chart.js:14599)
at ChartElement.updateElement (Chart.js:5930)
at ChartElement.addElementAndReset (Chart.js:3781)
at ChartElement.insertElements (Chart.js:4068)
at ChartElement.resyncElements (Char
浏览 1提问于2020-07-30得票数 0
回答已采纳
我试图在我的应用程序中使用，尽管我得到了以下错误：
Error: [$injector:nomod] Module 'chart.js' is not available
我遵循了其他问题的建议，在html文件中的角图表to之前包含了Chart.js，尽管这对我没有用。
下面是我安装的库的版本：
下面是我的目录结构：
app/
----libs/
------Chart.js/
----------src/
------------chart.js
------angular-chart.js/
--------dist/
----------angu
浏览 4提问于2016-06-19得票数 0
1回答
当我使用包含图表的组件运行测试时，我会得到错误TypeError: Cannot read property 'getBasePixel' of undefined。我不知道是怎么回事，我试着去查东西，但是我没有找到任何相关的东西。我有测试导入图表模块，我真的想不出任何可能是错误的东西。我唯一的想法可能是在异步beforeEach中导入图表模块，这意味着它无法立即用于组件？或者因为它是在“较小的”浏览器中呈现的，所以它不能正常工作？我搞不懂。
我的测试看起来如下：
import { HttpClientModule } from '@angular/common/htt
浏览 2提问于2020-06-11得票数 0
回答已采纳
我在PrimeNG中使用图表组件，它依赖于Chart.js，因此我成功地使用npm (版本2.5.0)安装了它，但是，在加载使用图表的页面时，我现在得到了以下错误：
错误错误:未知(承诺)：ReferenceError:图表未定义
我相信这是因为我没有正确地导入它，也没有将它包含在我的systemjs文件中，但是我还没有弄清楚如何做到这一点。我尝试过将其包括在系统in中，方法如下：
'chart.js': 'npm:chart.js/dist/Chart.js',
和
'chart': 'npm:chart.js/di
浏览 2提问于2017-04-25得票数 2
我正在从mysql中读取值，并使用chart.js绘图。我想将日期选择添加到页面，以便能够绘制日期和时间之间的值。我的问题是:我是否需要将带有这些值的时间戳写入数据库才能读取日期选择？
浏览 16提问于2020-09-14得票数 0
我正在尝试使用NG2-Charts ()的基本示例。
在其github回购()中提到：
重要:在应用程序中嵌入Chart.js是强制性的！
<script src="node_modules/chart.js/src/chart.js"></script>
但是当我嵌入这个脚本时，它显示了一个错误。
chart.js:4未定义ReferenceError: require未定义
有谁知道怎么解决这个问题吗？谢谢
浏览 4提问于2016-10-14得票数 1
回答已采纳
我的应用程序使用的是对Chart.js进行扩充的Chart.PieceLabel.js：
npm install chart.js chart.piecelabel.js
我正在从DefinitelyTyped安装Chart.js的类型：
npm install @types/chart.js
我想贡献类型到Chart.PieceLabel.js代码库，但我无法让我的应用程序识别它们(它为Chart.js注册类型，但当我直接在npm link _npm link/chart.piecelabel.js中编辑或编辑类型时，TypeScript看不到我的增强。
我在我的应用中使用Chart.js和
浏览 2提问于2017-11-10得票数 1
1回答
我正在编写一些Jenkins插件，我想在大多数插件中使用Chart.js。但是每个插件都负责生成一小部分页面，这意味着我在页面上多次包含Chart.js：
<script src="${rootURL}/plugin/jenkins-report-rpms/Chart.js"></script>
<script src="${rootURL}/plugin/jenkins-report-jck/Chart.js"></script>
<script src="${rootURL}/plugin/jen
浏览 5提问于2016-01-07得票数 0
回答已采纳
当我尝试导入这样的Chart.js模块时，我已经安装了chart.js v4.0.1，以便在我的react项目中使用：
import Chart from 'chart.js/auto'
它显示了我的终端中的一个错误，即模块的解析失败了。
./node_modules/chart.js/dist/chart.js 554:18
Module parse failed: Unexpected token (554:18)
File was processed with these loaders:
* ./node_modules/babel-loader/lib/index.
浏览 15提问于2022-11-25得票数 0
我已经创建了一个用于在Django admin中显示chart.js可视化的changelist_view。我没有收到任何错误，图表轮廓可见，但数据不可见。不知道我错过了什么。信息如下：
admin.py型号：
class MachineFaultAdmin(admin.ModelAdmin):
readonly_fields = [
'event_id',
'fault_type_id',
'position',
]
list_display = [
'event_id',
'fa
浏览 24提问于2020-02-06得票数 0
我想使用angular-chart.js，所以我按照安装说明，首先从Charts.js 的github下载了最新版本，然后从github 下载了最新版本的angular-charts.js。
我将此文件复制并粘贴到我的项目中：
这个文件来自chart.js chart.js (我从chart.js复制了这个文件，注意第一个字母是小写的)
THis文件来自angular-chart.js angular-chart.min.js
都包含如下所示
<script src="/myApp/chart.js"></script>
<script src=&
浏览 6提问于2016-10-24得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
