我在一个freemarker模板中使用chart.js。但是在使用chart.js的标签参数时有一个问题。
labels: {
position: "outside",
render: (args) => {
return `${args.label}`;
},
textMargin: 10,
}
问题是当我使用${args.label}时，它给出了一个ftl错误。在ftl中使用这个有什么解决方案吗？
浏览 12提问于2021-05-19得票数 0
我为我糟糕的英语感到抱歉。我想在Chart.js中创建图形和图例之间的间距。 如果你能帮助我，我将不胜感激。 代码如下。 ChartBox.vue <template>
<Chart :chartData="chartItems" :options="chartOptions"/>
</template>
<script>
import Chart from './ChartBox/ChartBox.js'
export default {
components: {
Chart
浏览 36提问于2021-02-04得票数 1
2回答
纵观和 for chart.js，我不知道如何为我的图表实现以下标签样式。
我如何输出这个甜甜圈图的每个部分的数字，并将这些数字连接到图表的每一段？
如果使用Chart.js是不可能的，那么谁能告诉我一个图表库可以让我这么做呢？
new Chart(document.querySelector('#chart'), {
type: 'doughnut',
data: {
labels: [
'Red',
'Blue',
浏览 0提问于2016-10-02得票数 3
我有一个安卓应用程序，其中使用Chart.js显示一些图表。最近，我试着检查chart.js是否可以在Android 8/ Android O的最新预览中工作。但是，在运行Android 8/ Android O的手机上，图形无法在应用程序上显示。当我回滚到Android 7时，图形可以显示。我使用的是最新的Chart.js版本2.6。
敬请指教。
谢谢。
浏览 18提问于2017-07-27得票数 0
1回答
有没有办法使用Core Plot将周期性标签分配给数据图？例如，我的绘图点上列出了10-20个标签。
下面是我希望做的一个例子(模型)：
是否可以在图形加载时执行此操作，或者当您在图形上滑动时，您会看到数据点显示了它们的调用？
浏览 1提问于2010-12-05得票数 0
回答已采纳
1回答
在A帧场景中添加Chart.js画布图形时遇到问题。 你可以在这个Glitch project中看到我的问题和源代码，或者你可以在这里查看图片： ? 您可以在左侧看到原始画布图形，在右侧看到作为A帧场景内图像的纹理的图形。这张图都有问题，我不明白为什么。 有没有办法修复纹理？或者是在场景中添加2D Chart.js图形的另一种方法？ 谢谢。
浏览 16提问于2020-11-05得票数 0
我想让我的图表(用Chart.js制作)更具交互性，我想用下面的代码获得一个点的索引(它的数据集)：
canvas.onclick = function(e) {
const points = chart.getPointsAtEvent(e);
// something like `point.getIndex()` would be great so that I know where this point is in the original dataset
};
有人对此有好的解决方案吗？
浏览 1提问于2015-07-07得票数 2
回答已采纳
1回答
我有一个应用程序(使用Vue)，它在不同的页面上呈现许多不同的图形。我正在添加一个PDF下载功能，允许在一个PDF中下载所有的图形。对于Pdf生成，我使用的是JsPDF。
当前，当打开包含图表的页面时，所有图表都在客户端呈现。在Chart.js中，可以保存任何图表的base64编码的字符串数据。我试图弄清楚如何在不实际呈现图形的情况下获得这个base64字符串数据。为了让chart.js创建一个新的图形，您需要为它提供一个上下文，一个html元素。当我将这个元素的css显示属性设置为none时，base64字符串数据就什么都不是了。当我尝试将元素的可见性转换为隐藏时，我会看到大量的空白显示在图
浏览 1提问于2021-01-25得票数 1
回答已采纳
我想改变Chart.js在使用index模式时呈现工具提示的方式。默认情况下，Chart.js会显示每个数据集的工具提示之间的分行符。我需要改变这种行为。
我尝试使用label回调函数，但似乎Chart.js对每个数据集都调用了一次函数，而不是在合并工具提示之后。
当前工具提示显示：
所需工具提示显示：
我想这样做的原因是，我的图形可以包含大量的数据集，工具提示框的高度超过了图形的高度，并且在发生这种情况时会被截断。
谢谢。
浏览 1提问于2019-03-22得票数 1
回答已采纳
我需要使用Chart.js实现分散的图形/图表...默认情况下，我无法实现它，因为没有为“散乱”的图表类型定义函数。有没有人能帮我用chart.js实现散点图？
浏览 2提问于2015-10-28得票数 0
1回答
我有一个有50.850个点的向量要在折线图类型中绘制。我正在使用chart.js在图形中显示所有这些点，但它没有绘制出来。有人知道chart.js可以显示的点的极限吗？
浏览 25提问于2021-06-25得票数 1
回答已采纳
在我的一个项目中，我使用Chart.JS进行一些与图形相关的工作。其中我对图例、记号、scaleLabel和工具提示使用不同的字体大小。在大型设备上一切正常，但当我在移动设备上测试图形时，问题就出现了。字体大小变得太大。所以我的计划是使用两种不同的字体大小来解决这个问题。 但是，我没有在chart.js中找到任何选项来使用多种字体大小，或者没有选项来使用px以外的任何其他单位。 有人能帮我解决如何为chart.js调整不同设备上的字体大小吗？
浏览 16提问于2021-01-11得票数 0
我将使用chart.js构建如下图： ? 如果能够允许用户将鼠标悬停在图形上的一条线上并以某种方式突出显示该线，这将是非常有用的。我该如何在chart.js中做到这一点？ 谢谢!
浏览 40提问于2021-07-13得票数 1
回答已采纳
4回答
我使用的是最新版本的Range2，V4.0.0，我希望在我的项目中使用来自Chart.js库的图形，而不会出现很多复杂的情况。
如何在不给最终生产带来问题的角度项目中实现Chart.js？
浏览 11提问于2017-04-01得票数 5
回答已采纳
我使用的是Angular 7的chart.js，我提供了数组并渲染图表。 初始化。 import * as JSC from 'jscharting';
this.phLiveChart = JSC.chart('phChart', {
debug: false,
type: 'step',
chartArea_boxVisible: false,
legend_visible: false,
defaultTooltip_enabled: false,
xAxis:
浏览 16提问于2019-12-05得票数 0
回答已采纳
1回答
自定义位置工具提示在顶部
、、、、
我正在尝试使这个示例工作：
因为它有一个选项将工具提示定位在图形的底部。我需要这样做，因为我有太多的数据在我的图表和当我移动我的光标，工具提示摆动太多。我最大的问题是，即使在我的脚本标记中添加了type=“模块”之后，当我从‘/chart.js/dist/chart.js’导入{Tooltip}时仍然会出现以下错误：
Uncaught :所请求的模块'/chart.js/dist/chart.js‘不提供名为“工具提示”的导出。
而这甚至是在失去了3个小时试图搜索谷歌的每个角落之后。非常感谢任何人能帮助我！
浏览 3提问于2022-06-12得票数 2
回答已采纳
我正在做一个测验应用程序，我有一个函数的最终分数在app.js中，现在我想绘制一个基于用户结果的图形(显示在条形图中，比如6对，4错之类)，所以我写了一个函数来使用chart.js 2在另一个文件( chart.js )中绘制图形。问题是我不能将最终分数从app.js传递到chart.js。最后，我也想展示一下这张图。注意:我在这里使用了折线图，只是为了检查我的值是否通过。App.js export default function App() {
return (
<div className='app
浏览 25提问于2020-09-18得票数 0
回答已采纳
在一个使用aurelia框架的项目中，我使用以下命令安装了chart.js v2.0测试版：
jspm install npm:chart.js
我使用以下命令导入库：
import Chart from 'chart.js';
当应用程序被解绑时，我没有得到任何错误。如果我捆绑应用程序，页面加载并显示图形，但我得到78个缺少javascript文件的错误，如下所示：
GET http://localhost:9000/core/core.js 404 (Not Found) @ system.src.js:4597
据我所知，它会在基本目录(运行gulp watch时是cha
浏览 1提问于2016-04-13得票数 2
如何在同一个chart.js文件中使用两个不同版本的HTML。
我希望在一个文件中包含来自chart.js的两个不同的图形，但它们似乎是相互重叠的。我怎么能把它们分开呢？
我尝试过使用div标记将它们放在页面的不同部分。
浏览 1提问于2022-11-18得票数 0
1回答
我以前使用过核心图形和颌骨线图视图，但现在我想要图形上的网格(背景)。
我想做完全像上面的图片，任何帮助将不胜感激，也请具体的同时，张贴一些第三方的libs和所有。
如何用标注实现上面的图形(如果选择了点/值来显示标注)？
注:在X轴(日期)和Y轴(值)都有.
编辑1:可以在核心情节中实现吗？如果是的话，请具体说明。
提前谢谢。
浏览 5提问于2015-11-26得票数 3
回答已采纳
我在带有Chart.js节点画布的节点中使用Chart.js来渲染图形，然后使用以下代码将它们保存到磁盘： const width = 400; //px
const height = 400; //px
const { ChartJSNodeCanvas } = require('chartjs-node-canvas');
const chartCallback = (ChartJS) => {
ChartJS.defaults.global.elements.rectangle.borderWidth = 2;
};
const canvasRende
浏览 13提问于2021-05-06得票数 2
1回答
我刚刚通过npm安装了chart.js。我正在尝试使用这个包来绘制图形。
npm install chart.js --save
安装后，我尝试使用以下命令导入模块：
import chart from 'Chartjs';
但是它不工作，我得到了错误！
我也尝试过：
import chart from 'Chart';
import chart from 'chart';
import chart from 'Chart-js';
它们都不工作，我如何导入这个库？
浏览 1提问于2017-05-06得票数 0
我想使用带有knockout.js的chart.js来显示包含多个数据集的单个图形。我不确定如何使用knockout来解决这个问题。 下面是一些包含HTML和ko.js init行的基本代码： <html>
<head>
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/2.1.0/knockout-min.
浏览 18提问于2020-06-27得票数 0
我正在使用Chart.js，并一直在寻找一种方法，在我的图表中有一个垂直的注解/十字线。
当光标在图形中时，我希望这条垂直线水平移动，跟随我的鼠标光标。
如何创建一个垂直交叉，根据光标的移动改变它的水平位置使用Chart.js？
浏览 3提问于2017-03-30得票数 2
回答已采纳
1回答
谁能告诉我如何将y轴标签放在图表中，我已经尝试过ChartNew.js，它正在增加画布的高度和宽度。这是普通chart.js中图形的样子。
当我使用chartnew.js时，相同的图形看起来如下所示，但它显示了标签
浏览 1提问于2015-04-08得票数 0
回答已采纳
1回答
我有一个用来生成图形的按钮(使用Chart.js)： <canvas id="graph"></canvas>
<script>
$("#button").click(function() {
let ctx = $("#graph");
let myChart = new Chart(ctx, {/* My nice graph. */});
});
</script> 但每次按下按钮时，都会在旧图形的上方创建一个新图形。所以我有很多图表。使用j
浏览 9提问于2021-09-15得票数 1
回答已采纳
我呈现一个图表/line图形和Chart.js，其中显示服务器上个月的ping (云函数每小时运行一次，数据被发送到时间序列数据库)。但是事故会发生，服务器有时是无法到达的。在那些时候，我把ping保存为-1。此外，有时数据只是丢失。我需要以不同的方式展示这两个案子。例如，是否有办法在服务器离线时将图形的一部分涂成红色，在缺少数据时用灰色表示？最好使用Chart.js，但您可以建议任何其他JavaScript库。
非常感谢。
浏览 3提问于2021-02-02得票数 0
您好，我是js新手，我想问一下，我有两个组件，一个是仪表板，另一个是chart.js。我想让仪表板速度日期在图表上绘制图形，js幸运的是，我从用户数据中获得了数据，现在是时候将这些数据发送到chart.js文件了。我已经创建了两个函数，在其中我们可以获得像这样的数据 const graphdata =(graph)=>{
console.log("initial",graph)
speedDataGraph(graph)
}
export const speedDataGraph=(data)=>{
data;
} 现在，我将这个函数speed
浏览 31提问于2021-08-03得票数 0
我正在尝试创建一个应用程序(游戏)，该应用程序(游戏)将使用java操作物理、逻辑等，但将使用现有的javascript库执行脚本、图形和ui等操作，但当通过nashorn nashorn.eval("load('chart.js')");加载chart.js(和其他库)时，我会得到以下(或与其他库类似的) Exception in thread "main" javax.script.ScriptException: ReferenceError: "window" is not defined in chart.js at l
浏览 1提问于2015-07-20得票数 0
回答已采纳
4回答
我正在使用chart.js 2.3.0绘制图形。我想使图形的高度保持静态(例如，200 of )，但也希望将宽度设置为100%。我看到的一个解决办法是：
responsive: false
在图表选项中。但这样做后，宽度也会减少。有最好的办法吗？
静态高度和100%宽度。
浏览 9提问于2016-10-26得票数 16
回答已采纳
1回答
未创建图表
、、
我正在使用这个语法尝试在我的页面上创建一个圆环图。控制台没有显示错误，但我没有创建图形。
我已经验证了查询的准确性和有效性。我还使用console.log验证了JavaScript数组是否按预期填充了结果。
有东西阻止图表显示，但控制台为空。为了在页面上根据需要显示图形，我应该进行哪些更改？
<?php
$con=mysqli_connect("site", "user", "pass", "db");
if (mysqli_connect_errno())
{
echo "Failed to connect
浏览 13提问于2019-08-02得票数 1
回答已采纳
我正在使用chart.js库。我正在创建一个图表，并希望在x轴上显示日期，如下所示：
我为图形提供了与上面示例相同的配置(除了图形数据的日期格式)，但我的图形显示时间，即凌晨2点，凌晨2点，..而不是日期，即2018-02-01,2018-02-10，...
对于日期格式，我使用Chart.js推荐的moment.js库
我使用了以下代码：
<!doctype html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.2
浏览 3提问于2018-02-25得票数 1
3回答
我想让交互式图表在我的React Native应用程序中工作。我知道可能还没有一个特定于React Native的库，但是我应该研究什么Objective-C/Swift/Javascript库，才能使我的图表/图形看起来像Chart.js生成的图表/图形？
浏览 3提问于2015-04-04得票数 18
我有以下代码来使用Chart.js v2.1.3创建一个图形：
var ctx = $('#gold_chart');
var goldChart = new Chart(ctx, {
type: 'line',
data: {
labels: dates,
datasets: [{
label: 'I want to remove this Label',
data: prices,
pointRadius: 0,
浏览 8提问于2016-05-13得票数 174
回答已采纳
我正在使用Dojo Charts创建一些折线图，这就是图表的外观。
此id chartData: 0,0,0,0,65,223
当我使用Chart.js创建图形时，它的呈现方式如下所示
忽略x轴和其他东西，如果我们看y轴，这些值在chart.js中是四舍五入的，与dojo图表相比看起来要好得多。有没有在dojo图表中实现相同功能的选项？
浏览 1提问于2015-07-22得票数 0
3回答
好的，我需要为一个图形设置很多颜色，并将颜色(数组)放在一个循环中。
这是一个插件(Chart.js)，我想在图形中显示不同的颜色。
我试过这个：
var gra = [
{
for (i = 0; i < color.length; i++)
{
value: 30,
color:color[i]
}
},
];
我有一个各种颜色的数组。
浏览 1提问于2014-04-10得票数 0
回答已采纳
我的任务是实现一个正态分布图。我想知道Chart.js是否会立即提供这种功能，或者我是否需要扩展它。所讨论的图形是
谢谢
浏览 4提问于2016-07-11得票数 3
回答已采纳
3回答
我正在使用chart.js来显示一些图形，并且我想在甜甜圈动画开始之前插入一个延迟。
有人能帮我解决这个问题吗？
提前谢谢。Sylvain
浏览 2提问于2014-01-22得票数 0
1回答
使用chart.js，我想要在图形区域内绘制y轴。
因此，与其在画布区域左(或右)绘制图，还不如在里面绘制y轴值，如下所示：
浏览 0提问于2017-07-07得票数 0
回答已采纳
我想知道是否有人可以帮助我，我做了广泛的谷歌搜索，但我似乎找不到答案，
我正在使用Chart.js图形来显示一些数据，我正在尝试设置图形的样式，使其与下面的DIVs对齐。然而，在垂直轴上似乎有3-4px的网格线重叠，有人知道如何删除它吗？
浏览 23提问于2019-05-25得票数 0
当相应的图例键悬停时，我试图显示带有图形数据(label和y值)的工具提示。我只能找到适用于较早版本的Chart.js的解决方案，我正在使用3.8.0。
浏览 3提问于2022-06-28得票数 0
回答已采纳
我正在使用Chart.js和Vue来处理来自数据库的图形数据，我想知道是否有任何方法可以使图形的标题和图例在同一行上对齐？ 将图例与“end”对齐，使其大致处于正确的位置，但它仍然位于标题下面的行上。 下面是我正在尝试实现的一个示例： ?
浏览 25提问于2021-01-22得票数 0
我正在尝试用QuickChart和Chart.Js创建图形。我有以下内容，但想知道如何更改所有文本的字体大小和字体样式。我也想把YAxis改为10，有人能帮忙吗？
浏览 3提问于2020-08-28得票数 1
回答已采纳
2回答
我试图使用PieceLabel插件来显示图形中的标签，但它不起作用。图形显示ok，这是我的代码：
TS
import * as Chart from 'chart.js'
import * as ChartPiece from 'chart.piecelabel.js'
ngAfterViewInit() {
this.canvas2 = document.getElementById('myChartPie');
this.ctx2 = this.canvas2.getContext('2d');
let myCh
浏览 7提问于2017-09-25得票数 2
回答已采纳
我使用Chart.js库来创建图形及其'chartjs- plugin -datalabels.js‘插件。这里我的问题是如何更改图表上的值的颜色，因为我不能使用CSS样式，因为它呈现为图像。
浏览 21提问于2019-10-31得票数 0
回答已采纳
我按照Chart.Js的顺序垂直创建了一个多行图表。现在我想添加垂直滚动，这样我也可以通过垂直滚动来查看其他图形。
在文档里我看不出有什么选择。有什么想法吗？
浏览 6提问于2020-03-24得票数 0
我最近从Chart.js v2升级到了v3。我正在用一个基于时间的x轴绘制实时折线图，它随着时间的推移而滚动。 在Chart.js v3中，当我的x轴记号标签开始接近图表的左边缘时，它会调整图表大小以适合完整的标签。如附图所示，这在我的图表左侧创建了一个空的间隙。在Chart.js v2中，它不会调整图形大小，而是允许标签溢出画布。 ? 我的x轴选项是： {
type: 'time',
axis: 'x',
min: minDate.getTime(),
max: maxDate.getTime()
time: {},
tick
浏览 11提问于2021-08-31得票数 0
在Chart.js上的线条和垂直条形图上，当数字太长时，y轴上的值有时会被截断。请参见下图。我只在这两种图形类型上注意到了这个问题。
浏览 16提问于2018-02-25得票数 0
回答已采纳
1回答
我有一个使用chart.js的简单雷达图，我试图获得类似以下的美学效果：
(边框的发光边缘)
为了模拟这种效果，我尝试使用createRadialgradient并用它填充数据-但我一直找不到图形的中心点来创建类似光晕的效果-经过思考，它不一定会将光晕放在线条的边缘，而是放在图形的中心……
有谁有什么想法吗？
浏览 15提问于2021-02-15得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
