1回答
Chart.js面
、、、
在chart.js中是否有任何插件或配置选项来创建分面图表？
我需要使用chart.js创建分面图表。图面图在多个图表之间共享X和/或Y轴。(请参阅附件中的图像)，它是许多设计可视化问题的一个非常常见的解决方案，但在chart.js中却没有。
Chart.js V3添加了，它可能用于在chart.js中创建分面图表。
刻面图的例子
浏览 7提问于2022-08-12得票数 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
回答已采纳
我正在致力于反应(chart.js)，我需要在我的图表上的多个标签，一个在里面，另一个为外甜甜圈图。有人知道我该怎么做吗？
浏览 5提问于2022-10-03得票数 0
2回答
我正在使用名为：chartjs-chart-treemap的chart.js扩展，但导出图表时遇到了困难。我尝试过使用chartjs-node-canvas，但是这个库只支持本机chart.js图表(非扩展图表)。
有人知道库或导出chart.js扩展的方法吗？
谢谢
浏览 6提问于2020-07-16得票数 1
回答已采纳
1回答
Chart.js是一个非常流行的用于制作图表的JavaScript库。时间线是一种非常流行的图表类型。看起来chart.js可以制作许多不同类型的图表，除了时间轴。有没有可能用chart.js做一个时间表？
浏览 30提问于2019-09-02得票数 2
1回答
我想使用Chart.js库在我的网站上绘制图表，但我打算向图表提供大量的数据(>1,000)。但是，当我将数据提供给chart.js折线图时，该图表不是可滚动的，而是将这些值一起推送到一起，从而使该图表不可读。有没有办法让chart.js折线图可以在x轴上滚动？
浏览 6提问于2014-07-18得票数 7
我在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
1回答
我见过其他支持分组条形图的javascript图表库，如下图所示。在chart.js的在线编辑器中，我没有看到这是一个显式的选项。
在chart.js中可以制作这种类型的分组条形图吗？这很容易吗？在他们的在线编辑器中有没有一个模板？
浏览 1提问于2015-01-28得票数 73
回答已采纳
1回答
甘特图时刻表js 3
、、、
Chart.js是一个制作图表的流行库，它可以制作各种图表，但它不能制作甘特图/时间线。我正试图破解chart.js 3，但文档并不好，我感到非常沮丧。如何使用chart.js 3制作甘特图时间线？
浏览 14提问于2022-03-12得票数 -1
我只想知道如何使用chart.js将2个图表合并为1个图表 我想将显示的图表(使用按钮-onclick function-)合并成一个混合图表，这样我就可以看到数据的比较 我在chart.js上看到了很多混合的图表，但我想先有2组图表，然后再变成1组图表 JSFIDDLE Here
浏览 32提问于2021-01-03得票数 1
回答已采纳
我想显示一个数字，如果甜甜圈图表在我的申请。比方说，它是基于机场的多个航班。
在接下来的4小时内有800次航班。我想有4个甜甜圈图表显示数据。
在今后30分钟内准备起飞的航班数目
在未来5分钟内准备好的航班数目
现在准备好的航班数目
延误的航班数目
我使用chart.js创建甜甜圈，但据我所知，我只能使用静态数字：
this.data = {
datasets: [
{
data: [
300,
],
backgroundColor: [
浏览 0提问于2017-09-21得票数 0
1回答
在我的项目中，我使用chart.js和Django在图表中显示数据。我需要不同类型的图表。但是在chart.js文档中，我无法找到我所附的图表类型。
var chart = new Chart(ctx, {
type: 'bar', # here shows ber type
data: data,
});
我要写哪种字体来显示图表？
浏览 6提问于2017-07-18得票数 0
回答已采纳
1回答
我有一个图表呈现在我的网页和按钮在上面。在我的chart.js文件中，我通过按一个键使一个对象出现在图表上。我希望同样的事情发生时，按下按钮。
chart.js
...
onKeyPress(e) {
const keyCode = e.which;
switch (keyCode) {
case 69: {
this.setState({
enableObject: true
});
break;
}
onButtonPress {
this.setState({
浏览 0提问于2020-01-31得票数 0
回答已采纳
我试图在同一个页面上使用绘制两个以上的图表，并在循环中创建一个动态div，其中包含图表的所有数据，如下所示：
<div class="col-4">
<canvas class="trend-chart" id="chart{{ p.sNo }}" width="500" height="100" role="img" data-pv="{{ p.recentPageViews }}">
</canvas>
</div>
浏览 17提问于2021-12-23得票数 2
角图:误差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
回答已采纳
我需要使用Chart.js实现分散的图形/图表...默认情况下，我无法实现它，因为没有为“散乱”的图表类型定义函数。有没有人能帮我用chart.js实现散点图？
浏览 2提问于2015-10-28得票数 0
1回答
我得到这个错误时，试图添加图表使用的反应-图表-2。
这是我的密码：
import { Doughnut } from 'react-chartjs-2';
const data = {
labels: ['Red', 'Blue', 'Yellow'],
datasets: [
{
data: [12, 15, 5],
},
],
};
function App() {
return (
<>
<Doughnut data={data} /&g
浏览 3提问于2022-06-04得票数 0
我想生成一个包含通过chart.js生成的图表和表格的模板的pdf格式，我已经使用了reportlab，但我既没有得到通过chart.js生成的图表，也没有在django的表格上应用css？
浏览 7提问于2019-06-12得票数 1
1回答
我正在使用chart.js库开发一个web应用程序。当用户单击图例的复选框时，我尝试为图表添加自定义筛选器。但是，我不知道如何配置chart.js来调用我的自定义过滤器。
例如，下面是我的应用程序的图表
然后单击“温度”复选框，隐藏温度图表。
当我剪切温度的复选框时，Chart.js调用他默认的点击函数来过滤图表。
我已经定义了我自己的过滤器功能：
public newLegendClickHandler(e, legendItem) {
let index = legendItem.datasetIndex;
let ci = this.chart;
[ci.getDa
浏览 5提问于2017-07-24得票数 1
回答已采纳
1回答
因此，我想用下面的项目来试用Chat.js。
https://github.com/mraible/jhipster4-demo
所以我研究并发现了下面的http://valor-software.com/ng2-charts/
所以我安装了ng-2图表。ng2-charts需要演示，所以我也安装了chart.js，我可以在jhister4- chart.js项目的node_modules下看到它。
ng2图表显示
Embedding Chart.js in application is mandatory!
<script src="node_modules/chart.js
浏览 14提问于2017-03-12得票数 1
回答已采纳
2回答
我正在尝试使用NG2图表Angular2指令为Chart.js构建一个甜甜圈图。这个chart.js有默认的工具提示定位选项，我想让工具提示显示在图表之外。有什么办法让它成为可能吗？
public doughnutChartOptions = {
responsive: true,
tooltips:{
mode: 'nearest',
}
}
我希望像工具提示这样的东西会显示在图表之外，而不是显示在图表中；顶部、底部和侧面。
浏览 0提问于2019-07-31得票数 1
回答已采纳
我正在使用角图my (它使用Chart.js)在我的角度应用程序中创建图表。我想在条形图中的条形图上添加值。如果在Chart.js中扩展默认图表是唯一的方法，那么请提供参考代码吗？
浏览 4提问于2015-08-25得票数 1
回答已采纳
1回答
我试着创建一个图表
这。我尝试过highchart.js和chart.js，但是结果并不像预期的那样。有什么插件可以创建这样的图表吗？或者在highchart.js或chart.js中有任何其他方式来像这样的堆栈？谢谢。
浏览 1提问于2018-11-19得票数 1
回答已采纳
2回答
我正试图导出一个包含Chart.js图表的div作为Iamge。所有元素都显示得非常好，但是，Chart.js画布并没有呈现出来。
我在图表中的onAnimationComplete选项的回调中调用我的导出函数，所以在完全构建图表之前不能进行导出。
下面是我的html2canvas和下载功能的外观：
download() {
this.dl.download = this.fileName;
this.dl.click();
}
loadDataUrl($node) {
this.hideUnwantedElements();
html2can
浏览 1提问于2017-08-31得票数 0
回答已采纳
我们将chart.js与clojurescript和Reagent结合使用。现在我知道Chart.js有一个chart.update()方法用来用新数据更新图表。所以问题是，我如何设置我的组件，使其呈现图表:试剂渲染，但可能获得:组件-将-更新调用chart.update()方法？
基本上，有没有一种方法可以获得图表的句柄，该图表是从:component-will-update函数中的试剂渲染函数创建的？
浏览 1提问于2017-11-11得票数 3
我想在我的网站上使用Chart.js。正如标题所示，我使用的是React.js。要使用Chart.js，我需要这样的画布和上下文：
let context = document.getElementById('canvas').getContext('2d');
let chart = new Chart(context, ...);
所以我这样设计这个组件：
export function updateChart() {
let context = this.refs.chart.getContext('2d');
let ch
浏览 5提问于2016-08-09得票数 3
回答已采纳
我在没有npm的情况下使用React (由于服务器端限制)。在我的<head>标记中，我有以下内容
<script src="https://unpkg.com/react@15.4.2/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15.4.2/dist/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs
浏览 19提问于2017-02-11得票数 5
我用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创建一个图表并将其显示在屏幕上，这很好。
是否可以让chart.js将图表输出为无需使用画布即可保存的图像？原因是，我想包括在pdf格式的图像，但不想看到它首先在屏幕上。
浏览 12提问于2016-08-14得票数 0
我使用来包含和，以创建具有时间尺度的图表。
我在找到了一个将两者都包括在内的例子，但这似乎不是正确的方法。
require.config({
paths: {
jquery: 'https://code.jquery.com/jquery-2.2.4.min',
moment: 'https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment',
chartjs: 'https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.
浏览 1提问于2017-09-25得票数 2
回答已采纳
我正在使用chart.js，在我的图表中的某些点，多天条目之间有一些缺失的数据。我给这些值赋值为null，但希望图表在缺失的点之间画一条连接线。以下是我所拥有的：
有没有办法将chart.js中的点连接起来？或者有人可以指给我看图表库。谢谢。
浏览 6提问于2014-11-24得票数 23
回答已采纳
我目前对Chart.JS有问题，特别是在销毁多个图表方面。
设置：
我通过API调用地理数据服务，然后在下面的图表上显示单击多边形的统计信息。我尝试以编程方式在一个名为chartPropertyArray的对象数组中分配这些图表和相关数据。每个数组对象都包含变量、数据和图表变量(请参阅下面的对象结构)。
事情是这样设置的，因此每个Chart.JS画布对象(varChart)和Chart.JS所需的关联上下文信息(ctx)都是这样设置的(参见下文)。
问题：
因为每个图表必须分配给要销毁的唯一变量，所以图表被放置在chartPropertyArray中相应的对象中。
我试图遍历这些对象并销毁数组
浏览 2提问于2021-04-01得票数 1
回答已采纳
5回答
我试图通过HTML2.1.1呈现一个报告，其中PhantomJS页面包含一个由Chart.js生成的图表。我完全控制了那一页。生成的PDF应该是一个可打印的A4。正如你在下面的屏幕截图中所看到的，这个图表非常模糊。
我是否可以让Chart.js或PhantomJS在较高的DPI上渲染图表/页面，使绘制的画布看起来很漂亮和清晰？
PhantomJS：
page.property('paperSize', {
format: 'A4',
orientation: 'portrait',
border: '2cm'
});
浏览 10提问于2016-04-06得票数 10
回答已采纳
2回答
我在为chart.js自定义图表图例时遇到了一些问题。这是我的面包圈图表的样子：
如您所见，边上的图例没有显示彩色正方形图标。正确地说，它应该看起来像这样：
图表的我的HTML：
<canvas id="merchantChart" height="660" width="330"></canvas>
<div id="merchantLegend" class="chart-legend"></div>
这是我为每个切片设置颜色并覆盖chart.js提供的默认图表图
浏览 0提问于2017-09-23得票数 6
回答已采纳
1回答
如何用Chart.js生成PDF
、、、、
我正在开发一个网页应用程序在Symfony4上，我需要生成与Chart.js创建的图表。对于PDF，我使用的是mPDF，但它不能呈现这样的图表...我的想法是创建一个由chart.js生成的图表截图，然后将其作为png传递给mPDF，但我不确定如何实现这一点。 如果我的想法是正确的，你能给我一个提示吗？
浏览 15提问于2019-09-19得票数 0
我使用chart.js版本1.0.2创建了一个包含许多图表的完整网页报告。
仅在稍后阶段，我才发现版本1.0.2中缺少了多个功能，但在2.0 dev版本中可用。我尝试在我的页面中使用这两种方法，但是仅仅导入chart.js 2.0文件(<script src="charts2.0.js"></script>)，使我的大部分图表不再工作了。有没有办法只为页面上的一个位置在本地导入chart.js 2.0？是否有一种聪明的方法从chart.js版本1.0.2转移到2.0dev，或者解决我的问题是另一种方式？
浏览 9提问于2016-03-25得票数 2
回答已采纳
2回答
我正在尝试更改默认的饼图颜色。但这三个饼图都是红色的。将pieColor数组中的第一个颜色应用于所有弧。我使用的是chart.js 2.9.3，NG2-图表2.3.0和角8。而且，我正在尝试一种不同的颜色格式，如十六进制代码或RGB，但不起作用。
pie-chart.component.html
<div class="chart-wrapper">
<canvas baseChart
[data]="doughnutChartData"
[labels]="doughnutChartLabels"
浏览 0提问于2020-04-02得票数 3
回答已采纳
我对JS非常陌生，我正在使用Chart.js v3构建一个图表。我正在寻找一种方法，把文字位在特定的x，y坐标在图表上，独立于任何数据点。我已经看到了一些以前版本的chart.js，的解决方案，但是还没能让它正常工作。
是否有任何方法可以通过chart.js实现这一点，或者我必须手动将文本元素添加到画布中？
浏览 1提问于2021-05-26得票数 1
回答已采纳
2回答
chart.js正在创建一个甜甜圈图，如下所示：
<div id="chartContainer" style="height: 320px; width: 320px">
<canvas id="hoursFEContainer"></canvas>
</div>
我需要chart.js如下(从npm下载)：
require('chart.js');
然后在相关函数中实例化Chart.js如下：
var distinc
浏览 5提问于2017-03-21得票数 7
1回答
下面是活生生的URL示例：
我正在使用highcharts-react-official npm软件包来创建图表。单击蓝线时，容器大小会增加，但内部的图表不会根据容器的大小增加其大小。这里是：
代码解释：
代码本身非常容易理解，因为我从零开始编写它，以便很容易理解问题所在。我创建了两个组件，chart.js & chart_container.js。chart_container.js文件基本上是图表的包装器。我在这个文件中有数据逻辑&在处理之后，我将数据和DOM元素传递给我的chart.js文件，它将把实际的图表呈现给DOM。
我在chart.js文件中创建了ref，并将其传
浏览 2提问于2020-10-24得票数 0
回答已采纳
我正在使用Dojo Charts创建一些折线图，这就是图表的外观。
此id chartData: 0,0,0,0,65,223
当我使用Chart.js创建图形时，它的呈现方式如下所示
忽略x轴和其他东西，如果我们看y轴，这些值在chart.js中是四舍五入的，与dojo图表相比看起来要好得多。有没有在dojo图表中实现相同功能的选项？
浏览 1提问于2015-07-22得票数 0
我正在使用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
我已经创建了视图来呈现使用bootstrap和chart.js的简单超文本标记语言页面
引导程序工作正常，但未显示图表。
代码中没有错误。没有关于Staticfile和目录设置的错误。
但是，图表不会显示在页面中。
chart.js是否有任何先决条件，或者它不能与Django一起工作。
浏览 0提问于2018-04-28得票数 0
2回答
纵观和 for chart.js，我不知道如何为我的图表实现以下标签样式。
我如何输出这个甜甜圈图的每个部分的数字，并将这些数字连接到图表的每一段？
如果使用Chart.js是不可能的，那么谁能告诉我一个图表库可以让我这么做呢？
new Chart(document.querySelector('#chart'), {
type: 'doughnut',
data: {
labels: [
'Red',
'Blue',
浏览 0提问于2016-10-02得票数 3
1回答
我在一个Angular项目中使用。我有两个版本的项目。当前的生产版本是旧的，并且使用旧版本的ng2-charts (以及，扩展，chart.js)。我正在对这个项目进行升级。不过，我遇到了一些奇怪的事情。
我使用的是ng2-charts中的甜甜圈图表，在旧版本中图表加载的默认大小是1:1 :1:1：
你可以看到它加载的高度和宽度都是240px。奇怪的是，在新版本的ng2-charts/chart.js中，宽高比是2:1：
我在新版本中使用相同的选项，相同的设置，等等。唯一的区别是包的版本。
有没有Chart.js的设置可以帮我解决这个问题？我喜欢旧图表的大小，但是如果不允许
浏览 4提问于2018-06-02得票数 2
回答已采纳
5回答
在Chart.js中，有任何方法可以在"horizontalBar"图表中在水平条形图中写入标签吗？就像这样：
在Chart.js中有类似的东西吗？
谢谢!
浏览 0提问于2016-07-28得票数 20
回答已采纳
我希望构建与图像中显示的相同的内容，我检查了chart.js文档()，但是没有找到类似的东西。是否可以使用chart.js创建这样的图表？
浏览 6提问于2021-06-02得票数 0
回答已采纳
我正在使用Chart.js版本2.7.2创建一个简单的单系列条形图。我希望图表中的每一个栏都能填充所有可用的空间，这样图表中的每个栏都会“触及”它的邻居。
我的研究表明，我应该使用barPercentage和categoryPercentage设置，将两者都设置为1。我已经这样做了，它使条形图非常宽，但在它们之间留下了一个像素间隔。
我最初的假设是，这是由于网格线，但即使我关闭网格线(gridLines.display: false)，它仍然有一个像素的差距。
这是截图。看到每个酒吧之间的空隙了吗？我怎么才能摆脱它？
浏览 2提问于2019-04-11得票数 2
回答已采纳
2回答
Chart.js零处理
、、、
我正在与chart.js合作，并绘制一个甜甜圈图表。我想把最初的图表总值设置为零，这样它就可以呈现一个完整的“空”图表。当我用零安装图表时，它不会呈现。我找不到它如何处理开发人员文档中的零。
var kPoints = 000;
var mPoints = 000;
var tPoints = 000;
var cPoints = 000;
var doughnutData = [ {
value : kPoints,
color : "#FF8000"
}, {
value : mPoints,
color : "#99CC00"
浏览 6提问于2014-05-29得票数 5
回答已采纳
1回答
在我的angular项目中，我正在尝试为仪表板绘制一些图表。我正在使用chart.js和angular 7来绘制图表。问题是，我不知道应该绘制多少图表，数量将根据http服务调用来决定。该http调用被放置到数据库表。此外，图表将是来自实时数据的实时图表。我正在使用下面的逻辑来绘制图表 <div [hidden]="!charts" class="divchart">
<canvas *ngFor="let chart of charts; let i = index" id="canvas{{i}}" &
浏览 12提问于2019-12-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
