个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我在我的项目中使用 requirejs，它与其他模块(jQuery、Handlebars...)配合良好，但与 Chartjs 配合不好。
这是一个失败的示例:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<script src="scripts/libs/requirejs/require.js"></script>
<script>
require(['scripts/libs/chartjs/Chart.min'], function(Chart) {
console.log("go"); // prints "go"
console.log(Chart); // prints "undefined"
var ctx = document.getElementById("test").getContext("2d"),
chart = new Chart(ctx); // Throws a TypeError: Chart is not a constructor
});
</script>
</head>
<body>
<canvas id="test" width="200px" height="200px"></canvas>
</body>
</html>
require.js 和 Chart.min.js 加载正常，但我无法让 ChartJS 工作。
这是我的项目在 Bower.json 中的依赖项:
"dependencies": {
"jquery": "^2.2.0",
"bootstrap": "^3.3.6",
"select2": "^4.0.1",
"select2-bootstrap": "^1.3.0",
"handlebars": "~4.0.5",
"requirejs": "^2.2.0",
"Chart.js": "^2.0.0"
}
安装的版本:
├── Chart.js#2.0.0
├─┬ bootstrap#3.3.6 (latest is 4.0.0-alpha.2)
│ └── jquery#2.2.0 (2.2.3 available, latest is 3.0.0-beta1)
├── handlebars#4.0.5
├── jquery#2.2.0 (2.2.3 available, latest is 3.0.0-beta1)
├── requirejs#2.2.0
├── select2#4.0.1 (4.0.2 available)
└── select2-bootstrap#1.3.0
知道我做错了什么吗？
最佳答案
如果您使用的是 Chart.js v2.0，请确保您获得最新版本(它适用于我的 2.0.0-beta2，但不适用于 alpha)。此外，由于 Chart.js 依赖于 moment.js，因此您还需要将其包含在内。
<小时/>使用旧版本的 Chart.js v2.0(例如 alpha)，您必须将 Chart.js 作为旧脚本加载并使用全局变量(或 noConflict())。
对 moment.js 的依赖不是很明显(相关问题 - https://github.com/nnnick/Chart.js/issues/2110 )。以下是将 Chart.js 作为普通脚本文件加载时在控制台上看到的内容。
当 Chart.js 通过 require.js 加载时，此依赖项会导致对 moment.js 的请求。
关于javascript - ChartJS 并需要 : Chart is undefined，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36623404/
25
4
0
有没有办法在 vue-chartjs 中制作带圆角的条形图？我在谷歌上搜索了一下，发现我们可以使用此 url 中给出的渲染条的实现来扩展条形图 - How to put rounded corners
我想通过提供两个数组来创建多条垂直线，第一个称为marketing，其中包含诸如“2017-09-21”等日期和一个数组称为 amount，仅包含数字。 我使用 ChartJS 创建了折线图。最终结果
(对不起我的英语)我将 chartjs-plugin-streaming 用于实时 chartjs，我想使用 chartjs-plugin-zoom。 但是缩放不起作用。 当我测试缩放时，出现缩放区域
我使用 angualr2-chartjs 来显示图表。我的问题是当我动态更改选项时图表更新只有一次。在控制台中，我看到一切都很好，但在 View 中我看不到变化。我使用了 chartjs-plugin
我正在尝试创建类似于 www.chartjs.org 顶部的内容其中有一个随机移动的背景条形图。我发现了另一个类似的question ，但是它似乎不起作用。当我在下面添加时，它不会添加除 400x40
感谢任何提示和/或帮助!我在这里碰壁试图让图表呈现。我已经恢复到测试一个非常简单的方法(下面的代码)，但我仍然收到以下错误: 类型错误:无法读取未定义的属性(读取“ map ”) 我可以记录从 use
chartjs-plugin-zoom是 Chart.js 的缩放和平移插件 您可以调用 chart.resetZoom() 以编程方式将缩放重置为默认状态。参见 this example on js
我正在尝试将 Chart.js 与 Vue.js 一起使用，这就是我得到的编译结果，但我没有在 GUI 上看到任何显示。 这是我的文件 DonutChart.vue: // NOT SURE IF
好的，所以我正在尝试通过 VueJS 创建一个 ChartJS 实例，以便我可以通过组件内的 AJAX 请求轻松更新其数据。 基本上它可以工作，创建了 ChartJS 实例，但它是空的，高度和宽度为
我想从 chartjs-chart-treemap 添加树状图到我现有的使用 react-chartjs-2 的项目中. 我到目前为止尝试过: import ChartComponent from '
是否可以定义具有多级别/类别轴的条形图？ 例如，我想显示地区/省类别，如下 Excel 图表所示: 我找到了this使用多个 xAxes 的示例。 xAxes:[ { id:'xA
我正在使用 chart.js (V2) 尝试构建一个条形图，用户无需将鼠标悬停在任何地方或点击任何地方即可获得更多信息。我提供了两个示例，说明我希望如何编辑我的图表。 Two edited versi
我想使用 Chartjs(chartjs.org) 作为我的图表工具以及使用 TypeScript 的 AngularJS。我已经从 GitHub 安装了 DefinitelyTyped for Ch
我正在使用 chartjs-plugin-datalabels，并且在大图表中显示较小的数据集时值重叠 这是 chartjs-data-plugin 配置 options: { plu
var yLabels = { 1 : 'New', 2 : 'Learning Phase', 3
我正在创建图表以使用图表 js 呈现一些数据。 const data = { labels: ["1 Dec", "8 Dec", "16 Dec", "31 Dec"], dat
我正在尝试将其他数据插入圆环图中。 Controller 将这样的数组传递给 View : [ 0 => array:3 [ "profit" => 20 "sex" => arr
将百分比值添加到图例标签的最简单方法是什么？ 我相信它会使用 generateLabels: function (chart) {}，谁能提供一个干净的例子？ 最佳答案 似乎没有任何本地方式来显示百分
我已经多次看到这个问题，但我找不到适合我的解决方案。 我将一个 Django 变量传递给 Chartjs 进行绘图，所有的个位数都是正确的，但它将两位数变成了一个。像 11 是 1,1...23 是
我正在尝试使用 chartjs 数据标签插件获取每个条上的值。 所以在条形“a”上方 a 想看到数字 30 及以上或在条形“b”内我想看到数字 50。 但它根本没有显示任何值。 任何人都可以帮助并告诉
我是一名优秀的程序员,十分优秀！