我正在使用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
我正在使用编写测试，它使用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
回答已采纳
角图:误差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
回答已采纳
我正在做我的第一个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
我想用chart.js显示一个角度的图表。我第一次尝试实现一个在网上取得的例子，在编译过程中没有问题。这是我的.ts中的代码：
import { Component, OnInit } from '@angular/core';
import { Chart } from "chart.js";
@Component({
...
})
export class MyChartComponent implements OnInit {
constructor(){
}
ngOnInit(): void {
new
浏览 9提问于2021-04-24得票数 9
回答已采纳
我的应用程序使用的是对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
我正在尝试将图表包含到我的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绘制一些图形，以便在浏览器中可视化。因此，我编写了一个.js文件，并将其加载到html代码中。我收到了一些奇怪的问题，我完全不明白。
以下加载JS文件的顺序工作正常，没有任何错误：
<script src="assets/js/plugins/line_chart/moment.min.js"></script>
<script src="assets/js/plugins/line_chart/Chart.min.js"></script>
<script src="ass
浏览 0提问于2019-11-21得票数 2
回答已采纳
我想在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
回答已采纳
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
回答已采纳
我试图在我的应用程序中使用，尽管我得到了以下错误：
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
我想使用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
当我试着学习角度的时候，我遇到了一个小路障。我想显示从api中获得的数据。但是现在，我已经尝试用预定义的值创建一个图表，稍后我将将其更改为get响应值。这是我所采取的步骤：
npm安装chart.js
ViewChart.component.html <div width="100%"><canvas id="myChartTest" width="400" height="400"></canvas></div>
ViewChart.component.ts
i
浏览 1提问于2021-06-05得票数 1
1回答
在我们的角度项目中，我试图在KendoUI的图表套件中使用工具提示，但是每当我打开工具提示时，它就会抛出以下严重错误：
未知错误: StaticInjectorError(AppModule)AnimationService -> AnimationBuilder: StaticInjectorError(平台:核心)AnimationService -> AnimationBuilder: NullInjectorError：！在NullInjector.push../node_modules/@angular/core/fesm5/core.js.NullInjector.g
浏览 1提问于2018-07-17得票数 1
1回答
我在一个应用程序中使用了angular chart，该应用程序基本上使用了chart js。我目前使用的chart版本是2.4.0，angular chart版本是1.1.1 (当前最新的版本)。因此，当我插入几个序列(例如4)时，一切都很好。问题是，当我一次处理10个系列的案例时。单击序列以将其隐藏事件以某种方式阻止了该事件，且此错误显示在控制台中：
Uncaught TypeError: Cannot read property 'clearRect' of null
at Object.helpers.clear (Chart.js:5880)
at Chart.Cont
浏览 3提问于2017-06-07得票数 1
我已经能够使用Chartjs中的静态数据绘制条形图、折线图。但是，当我尝试通过一些api使用动态接收的数据时，会显示一些错误消息。我的代码是：
//'myCanvas' is the id for the canvas, where chart has to be drawn
const CHART = document.getElementById('myCanvas').getContext('2d');
var userData = {};
var dateArray = [];
var dataArray = [];
var barCh
浏览 17提问于2016-07-17得票数 7
回答已采纳
我想把时间刻度放在X轴上。我试图在下面编写一个更简单和可复制的代码。通过移除选项块，我可以让它运行得很好，但它将显示时间只是表面上的--对观众来说毫无意义的数字。如何在X轴上显示时间？我是不是错过了一些外部来源？
Note1: javascript文件是一个单独的文件，其中的画布/元素"myChart“驻留在html文件中。
HTML：
<script src="https://www.chartjs.org/dist/2.8.0/Chart.min.js"></script>
<canvas id="myChart"
浏览 0提问于2019-03-16得票数 10
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
我试图用以下代码绘制日期与时间的线图：
var canvas = document.getElementById("lineChart");
data = JSON.parse('JSON string');
var myLineChart = new Chart(canvas, {
type: 'line',
data: data,
options: {
scales: {
yAxes: [{
type: 'time',
浏览 2提问于2017-03-28得票数 0
回答已采纳
我正在尝试用7.1.4版本在我的with项目上实现Chart.js。
但是，我不能以任何方式初始化任何图。我错过了什么台词吗？
使用的包：
chart.js ：npm安装chart.js-保存
@types/chart.js：npm @type/chart.js--保存
HTML端：
<canvas #canvas id="chart">{{ chart }}</canvas>
组件端：
import { Chart } from 'chart.js';
chart: Chart;
var canvas = <HTMLC
浏览 1提问于2019-01-17得票数 0
回答已采纳
我得到了这个错误： 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
回答已采纳
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
回答已采纳
大家早上好。我需要在甜甜圈图中定制我的图例。在阅读文档时，我需要定义LegendItemVisualArgs对象并初始化createVisual()方法。
这里我展示了我所做的事情：
export class CustomLegendItemViewModel implements LegendItemVisualArgs {
options: any;
pointIndex: any;
sender: ChartComponent;
series: any;
createVisual(): Circle {
const geometry = new GeomCircle([10,
浏览 0提问于2018-07-03得票数 0
回答已采纳
我想在我的离子应用程序中使用线条图，但我得到的只是空白屏幕。
另外，我也收到了一个错误：
TypeError: (intermediate value)[type] is not a function
at createChart (angular-chart.js:197)
at Object.fn (angular-chart.js:150)
at Scope.$digest (ionic.bundle.js:28995)
at Scope.$apply (ionic.bundle.js:29263)
at done (ionic.bundle.js:23676)
at co
浏览 2提问于2016-05-04得票数 1
回答已采纳
1回答
我想要实现高架使用高架在角6。
我已经成功地使用div标记和id作为容器来实现它，就像hoghcharts的例子一样--官方的forum.But --我不想这样做。
我想用
<highcharts-chart [Highcharts]="Highcharts" [constructorType]="chartConstructor"[options]="chartOptions">
</highcharts-chart>
这里的高级图表是-> import * as HighCharts from 'high
浏览 2提问于2020-07-07得票数 0
回答已采纳
我将chart.js与django一起使用，并收到一个错误，因为我没有导入chart.js助手函数getRelativePosition和getValueForPixel
initialize:178 Uncaught TypeError: Cannot read properties of undefined (reading 'getValueForPixel')
at tn.onClick (initialize:178:56)
at tn.handleEvent (Chart.min.js:7:111837)
at tn.eventHandler
浏览 2提问于2022-01-25得票数 0
1回答
你好，我只是尝试渲染一个简单的例子，从角图网站，我甚至无法得到它渲染。我假设是因为我的角度指令没有加载什么的。
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="js/dist/angular-chart.css"/>
<li
浏览 4提问于2015-10-14得票数 0
回答已采纳
我有一个非常简单的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
1回答
大家好，
我有多个传感器来测量温度和湿度。对于每一个传感器，我在每一张图内的and服务器上显示一个chart.js图:温度和湿度。对于这些数据，我希望每一行都是自己的y轴。我试图复制 of Chart.js的例子
但这行不通。如果我查看源代码，就会看到以下错误消息：
Chart.bundle.min.js:10 Uncaught TypeError: Cannot read property 'getBasePixel' of undefined
at i.updateElement (Chart.bundle.min.js:10)
at i.update (C
浏览 1提问于2018-07-29得票数 1
回答已采纳
我用yarn安装了chart.js，在application.js中我用require('chart.js');调用它 然后，我的js文件与一个视图相关，在这个视图中，我想调用未定义图表的new Chart。因此，我将其添加为全局变量 global.Chart = require('chart.js') 但是我发现Chart不是一个构造器。如何正确地导入chart.js，以便Chart在任何视图中都可用？我不想把与图表相关的js代码放在application.js中，我想把它放在单独的js文件中。 谢谢
浏览 20提问于2021-07-25得票数 0
我找到了一个使用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
我正在尝试用angularjs创建折线图，下面的chart.js是我的代码： <link rel="stylesheet"
href="http://jtblin.github.io/angular-chart.js/node_modules/bootstrap/dist/css/bootstrap.min.css">
<script
src="http://jtblin.github.io/angular-chart.js/node_modules/angular/angular.min.js"&
浏览 40提问于2020-04-11得票数 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
我正在工作的角度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回答
我使用的是ocLazyLoad，我有一些外部的角度库(如Chart.js和pascalprecht.translate)，我需要在某些路由中延迟加载它们，正如您所知道的，因为常见的角度模块依赖注入应该如下所示：
var angularApp = angular.module('myApp',
['oc.lazyLoad', 'pascalprecht.translate', 'chart.js']);
现在，我只需要在我的controllers中延迟加载pascalprecht.translate，在另一个control
浏览 6提问于2016-10-05得票数 2
我在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
我在一个简单的Bootstrap html文件中有以下代码，该文件显示一个Chart.js图表。
这是chart.html
<head>
<meta charset="utf-8" />
<title>Chart.js </title>
<!-- import plugin script -->
<script src='app/static/js/Chart.min.js'></script>
</head>
<body>
浏览 0提问于2017-11-04得票数 2
2回答
Html
<div class="chart-container" style="height:315px">
<canvas id="test"></canvas>
</div>
我包括了这些文件
<script src="/assets/vendors/jquery/dist/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/momen
浏览 0提问于2019-08-22得票数 6
回答已采纳
折叠错误：
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
回答已采纳
我在使用chartJS和primeNG时遇到了这个错误： ERROR TypeError: chart_js__WEBPACK_IMPORTED_MODULE_2__ is not a constructor
at UIChart.initChart (primeng-chart.js:48)
at UIChart.ngAfterViewInit (primeng-chart.js:29)
at callHook (core.js:3038)
at callHooks (core.js:3008)
at executeInitAndCheckHooks
浏览 190提问于2021-04-09得票数 16
回答已采纳
1回答
我遵循了所有的教程，包括了所有必要的js和css，html是根据教程创建的，在js中创建的图表不会显示在我的页面中。
Css和JS：
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.3/Chart.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
<script
浏览 0提问于2016-05-19得票数 0
首先，我按照建议安装了angular-chart.js。
在我的自定义mean包目录中，我输入了：
$ bower install angular-chart.js --save
这在我的自定义模块的public/assets文件夹中创建了几个文件夹。
/packages/custom/report/public/assets/lib/angular-chart.js/...
and
/packages/custom/report/public/assets/lib/Chart.js/...
我遵循了learn.mean.io关于如何将角度依赖添加到自定义均值包中的说明。
在我模块的app
浏览 2提问于2015-04-10得票数 3
1回答
Chartjs不显示图表
、、、
这是我的视图，我试图在其中呈现图表：
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/0.2.0/Chart.min.js" type="text/javascript">
<script src=
浏览 11提问于2018-12-13得票数 1
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
回答已采纳
1回答
我想在这里显示图表，
我已经编写了以下代码来显示图表，但是当我运行代码时，会发生以下错误：
Chart.min.js?ver=1.0.0:7未实现错误:该方法没有实现:要么找不到适配器，要么提供不完整的集成。在ri.oi ( Chart.min.js?ver=1.0.0:7 )、i.update (Chart.min.js?ver=1.0.0:7)、Chart.min.js?ver=1.0.0:7 at Object.each (Chart.min.js?ver=1.0.0:7)、Object.update (Chart.min.js?ver=1.0.0:7)、ni.updateLayout
浏览 0提问于2019-04-12得票数 3
回答已采纳
我用的是打字稿和奥雷利亚/奥雷利亚-克莱。我安装了chart.js并将它添加到我的aurelia.json文件中：
"dependencies": [
...
{
"name": "chartjs",
"path": "../node_modules/chart.js/dist",
"main": "Chart"
},
]
我还做过打字：
typings install dt~chart.js --g
浏览 13提问于2016-12-05得票数 1
回答已采纳
我刚开始使用Angular.JS，想用chart.js制作图表
我已经安装了chart.js
npm安装角图npm保存
.state('index.dashboard', {
url: "/dashboard",
templateUrl: "modules/dashboard/dashboard.html",
controller: 'dashboardController',
data: { pageTitle: 'Dashb
浏览 2提问于2016-12-29得票数 0
回答已采纳
1回答
每次我想使用bower安装一个包时， chart.js 包也会被更新并降级到1.1.1版本，并且chart.js目录中的所有文件都会被删除，除了
.bower.json
bower.json
Chart.js
而我需要其他文件，特别是css文件。
下面是我在终端上所做的工作的例子：
C:\Users\Martin\Work\MyApp>bower install --save angular-chart.js
bower cached https://github.com/jtblin/angular-chart.js.git#1.1.1
bower validate
浏览 5提问于2017-05-16得票数 0
我正在尝试在React应用程序中设置的区域设置。
方法1
Chart.js版本，因为我在应用程序的其余部分不使用moment：
import Chart from 'chart.js/dist/Chart.bundle.min.js';
问题：如何设置区域设置？moment不能作为全局对象使用，也不能作为Chart或其任何实例的属性找到，也没有修改区域设置的API。
方法2
版本，包括我自己的moment。
import * as moment from 'moment';
import 'moment/locale/es';
import C
浏览 0提问于2018-12-13得票数 2
我有一个组件，它使用primeng ChartsModule，它引用Chart.js。我安装了Chart.js，并将它导入到我的angular.json文件中。
"scripts": [
"node_modules/chart.js/dist/Chart.bundle.min.js"
]
该应用程序全部正常工作，并显示图表。但是，我的组件测试与错误中断：ReferenceError: Chart is not defined
我看到了一些建议将Chart.js导入组件测试的文章，如下所示：
import { Chart } from 'chart.j
浏览 2提问于2018-09-07得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
