为什么我的ChartJS图形在iframe中不起作用？
ChartJS是一个流行的JavaScript图表库，用于在网页中创建各种类型的图表。当你将ChartJS图形嵌入到一个iframe中时，可能会遇到一些问题，导致图形无法正常显示或起作用。以下是可能导致该问题的一些原因和解决方法：
- 安全策略限制：浏览器的安全策略可能会限制iframe中的脚本执行或跨域访问。确保你的iframe和ChartJS脚本在同一个域名下，并且浏览器的安全策略允许脚本在iframe中执行。
- iframe尺寸问题：ChartJS图形可能无法正常显示是因为iframe的尺寸不正确。确保iframe的宽度和高度足够容纳图形，并且没有被其他元素遮挡。
- 依赖文件加载问题：ChartJS依赖于其他JavaScript文件（如jQuery或其他图表库），确保这些文件已正确加载到iframe中，并且没有出现加载错误。
- 脚本加载顺序问题：ChartJS脚本应该在图形绘制之前加载到页面中。确保脚本的加载顺序正确，避免在图形绘制之前调用ChartJS相关的函数或方法。
- CSS样式冲突：可能存在CSS样式冲突导致图形无法正常显示。检查页面中的CSS样式，确保没有覆盖或干扰ChartJS图形的样式。
如果以上方法都无法解决问题，可以尝试使用其他图表库或与ChartJS兼容的库来创建图形。腾讯云提供了一款名为"腾讯云图表"的产品，它是基于ChartJS的图表库，提供了丰富的图表类型和可定制化选项，可以在腾讯云图表的官方文档中了解更多信息和使用示例。
腾讯云图表产品介绍链接：https://cloud.tencent.com/product/tcchart
相关·内容
我正在使用ChartJs来显示图形，并尝试在基于ChartJs文档的options上使用height来定制工具提示高度。
但是它不起作用。这是我图表上的option。
options {
tooltips: {
mode: 'point',
intersect: true,
xPadding: 10,
yPadding: 10,
bodySpacing: 4,
backgroundColor: '#fff',
borderColor:
浏览 1提问于2020-06-10得票数 0
我在使用ChartJS应用程序接口时遇到了一个问题，因为我需要绘制线条图形，但是线条应该垂直绘制而不是水平绘制。 我能找到的唯一反应就是在“标准”水平折线图中绘制静态垂直线，但这不是我需要的功能。 我认为ChartJS应该有任何图形类型或Line图形类型中的选项来实现这一点，但我没有看到它。 使用"chart.js": "2.9.3" 我需要这样的东西： ? 谢谢你的回答。
浏览 22提问于2021-01-18得票数 1
我在react- chartjs -2中更新图表的选项时遇到了问题，恰好是在chartjs的dragData插件中。 我已经为图形激活了dragData，这部分工作，图形允许您拖动数据。当我点击按钮禁用拖动选项时，问题就出现了，图形不工作，它仍然允许拖动值。 显然，在控制台中，图形的选项会发生变化，但它不会反映在图形的交互中，我将代码留在下面的链接中。 useEffect(() => {
if(props.state === true){
let ref = chartReference.current.chartInstance;
ref.options.dr
浏览 23提问于2020-03-30得票数 0
回答已采纳
1回答
我想最终插入R(互动与否)图形在工具提示的一个计时器。使用iframe就像我以前成功地使用传单一样，它看起来如下所示：
library(ggplot2)
library(ggiraph)
library(htmltools)
p <- {ggplot() +
aes(1,1, tooltip = "blabla") +
geom_point_interactive()} %>%
girafe(ggobj = .)
save_html(p, file = "test.html") # I would use a loop to sa
浏览 10提问于2022-04-21得票数 1
回答已采纳
1回答
交互反应-图表-2彩色背景列
、、、、
我在一个项目中使用了react chartjs-2，并且我仍然试图找到一个解决方案，如何用下面图像的相同逻辑均匀地为所有列着色。
我发现chartjs有插件->注释来实现这一点，但它似乎不起作用。
这是我的密码箱的链接。我想要做的是，不管它接收到的x轴和y轴(日期、数字、字符串)的数据如何，用图形当前的设置对列进行交替着色。我见过一些人建议在图表中使用插件->注释，但尝试不起作用。如果你能帮我，请告诉我，谢谢！
codesandbox.io/s/adoring-bohr-y59hm5?file=/src/CustomChart.js
浏览 4提问于2022-07-29得票数 0
1回答
我目前正在研究jquery小部件。我所做的就是将工作中的javascript代码转换为jquery小部件。因此，目标将能够创建一个图表，并在新数据到达时更新它。在我将要展示的代码中，我只是使用超时值来更新数据。
如果您正在使用chartjs，您肯定知道需要调用 data 来删除chartjs创建的iframe，然后重新创建来成功地更新数据。
我能够重新绘制图表，但当你将它悬停时，我仍然可以看到先前的图表。我知道只有当我没有正确地摧毁它时，这种情况才会发生。但我有这样的代码，它应该摧毁iframe。
update: function() {
this.destroy();
this._
浏览 3提问于2016-06-15得票数 0
1回答
我为我糟糕的英语感到抱歉。
我试图使用vue-chartjs和chartjs注释在图形中显示一条水平线。
出现图表并应用选项，但由于注释中的设置不起作用，因此没有出现水平线。
如果有人知道怎么解决这个问题，请告诉我。
版本和代码如下
Chart.js v2.9.4
chartjs-plugin-注释v0.5.7
Chart.js
import { Bar } from 'vue-chartjs'
import chartjsPluginAnnotation from 'chartjs-plugin-annotation'
export default {
ex
浏览 3提问于2021-01-21得票数 1
回答已采纳
使用Chartjs-v2.9.3时，不会显示图形中间到末尾的线条或条形图。但是工具提示正在显示数据。
但是，当在Chartjs-v2.4.0中使用相同的数据时，所有数据行都会显示在图形中。
以下是Chartjs-v2.9.3结果：
但是使用Chartjs-v2.4.0，没有显示问题。
下面是用于这两种方法的数据。
var ctx = document.getElementById('chartJSContainer');
new Chart(ctx, {
type: 'line',
data: {
"labels": [&#
浏览 0提问于2020-06-01得票数 0
我在带有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回答
我试图用注解插件在我的图表js中画一条水平线，但似乎不起作用。 我的chartjs版本是2.9.4，所以我必须使用以下命令进行安装: npm install chartjs-plugin-annotation@0.5.7 --save 导入后，如果我尝试向Chart.register(annotationPlugin)注册它，它会返回： TypeError: chart_js__WEBPACK_IMPORTED_MODULE_10__.Chart.register不是函数 所以在网上搜索后，我读到了我可以做的事情： Chart.plugins.register(AnnotationPlugi
浏览 21提问于2021-09-02得票数 0
1回答
我目前正在构建一个实时图表来测试它。我写了一些东西作为例子来接收数据，但是它不起作用。下面是我的密码。
import { StreamingPlugin, ChartStreaming } from 'chartjs-plugin-streaming'
import {
Chart as ChartJS,
LinearScale,
CategoryScale,
RadialLinearScale,
BarElement,
PointElement,
LineElement,
ArcElement,
Legend,
Tooltip
}
浏览 4提问于2022-05-31得票数 1
回答已采纳
我使用NodeJS和直接将图形呈现给一个文件，它工作得很好。
我是通过安装 npm模块来完成的。
为了在图形上显示标签，我使用了正式的ChartJS插件
但是似乎画布模块有一个不同的激活ChartJS插件的方案，而且很可能我不正确地激活了数据标签插件。所以我不能把标签显示在图表上。
const Chart = require('chart.js');
const datalabels = require('chartjs-plugin-datalabels')
const { CanvasRenderService } = require('chartj
浏览 1提问于2020-08-06得票数 0
回答已采纳
我正在制作一个线性图形，而pan和缩放功能不起作用。我在用：
"chart.js": "Chart-js#v2.5.0",
"chartjs-plugin-zoom": "Chart.Zoom.js#v0.7.0",
"hammerjs": "v2.0.8"
并将它们添加到html中的上述命令中：
<script src="~/lib/hammerjs/hammer.min.js"></script>
<script src="~/lib/cha
浏览 0提问于2019-03-27得票数 1
如何使用chartjs-plugin-datalabels在Chart.JS甜甜圈图表中永久显示自定义标签 示例现在看起来如下所示： ? 在https://chartjs-plugin-datalabels.netlify.com/guide/formatting.html#data-transformation下，我发现以下代码应该将标签更改为自定义格式： formatter: function(value, context) {
return context.dataIndex + ': ' + Math.round(value*100) + '%
浏览 16提问于2019-04-08得票数 0
回答已采纳
我一直在尝试在页面上呈现一个ChartJS图形，用户通过火狐插件加载。我使用add向每个页面插入一个PageMod：
pageMod.PageMod({
include: "*",
contentScriptFile: [data.url("jquery.js"),
data.url("Chart.js"),
data.url("onPageLoad.js")]
});
在我的onPageLoad.js中，我使用jQuery插入一个HTML5画布元素，然后尝试在它上绘制我的图形：
var cha
浏览 0提问于2014-09-03得票数 0
2回答
我使用和chartjs将图形配置呈现为映像，因此在安装它之后，我尝试了以下操作：
import { ChartJSNodeCanvas } from 'chartjs-node-canvas';
const chartCallback = (ChartJS) => {
ChartJS.defaults.global.elements.rectangle.borderWidth = 2;
};
const canvasRenderService = new ChartJSNodeCanvas({
width,
height,
chartCallback,
}
浏览 10提问于2022-06-29得票数 0
回答已采纳
1回答
我在Vue 3组合中工作，并试图使用ChartJS注释插件在我的ChartJS图上画一条水平线。()
我使用Primevue图表组件作为ChartJS的实现。
我导入了import annotationPlugin from 'chartjs-plugin-annotation';和import Chart from 'primevue/chart';，并使我的组件类似于：
<Chart
type="line"
:data="data"
:options="options"
:plugins
浏览 5提问于2022-03-06得票数 1
回答已采纳
我怎样才能在Y轴的两条线之间添加背景颜色，如果你检查了图形，我需要做这样的设置--两行之间的颜色--首先是橙色，然后是蓝色，或者其他什么，我检查了官方文档，但是没有找到任何东西。
这也是我的图表配置
this.options = {
responsive: true,
maintainAspectRatio: false,
scales: {
xAxes: [
{
gridLines: {
display: true,
浏览 0提问于2018-03-15得票数 3
回答已采纳
我的目标是在一个近乎实时的图表上显示一个工具提示，这个图表是不断更新的。
使用chartjs库中的标准工具提示，调用Chart.update()将销毁工具提示。
，如果用户在图表上悬停，而图形被更新，工具提示就会消失。
注意:如果我将chartjs版本更改为2.5.0，就没有问题了。它似乎是2.7.2中的一个bug
我该如何防止这种行为？
浏览 2提问于2018-08-14得票数 3
1回答
我一直试图重定向使用Nginx的几个单一的URL到他们的新位置。URL来自Blogger，格式为：http://domain.com/yyyy/mm/slug。
例如，我有以下内容：http://example.com/2013/04/chartjs-javascript-library-for-easy.html
我正在使用这个Nginx重写来重定向它，但是由于某些原因它不起作用：
server {
location ~ /([2012-2013]+)/.*/chartjs-javascript-library-for-easy.html {
ret
浏览 0提问于2013-12-27得票数 1
我正在尝试使用chartjs在angular中显示一些图形，单击submit按钮可以很好地呈现它。但问题是我想在单击submit按钮时在新窗口中呈现图表。我知道我们可以提供window.open(""，_blank)，但是如何在angular的新窗口中获取图形数据属性呢？
浏览 20提问于2019-05-14得票数 0
当我的iframe的onReady事件被激发时，我在其中绘制了一个flot图(iframe在一个ext组件中)。但是图形的间距是错误的(标签在错误的位置-要么是远离轴，要么是在错误的行上，这两种情况都会导致那些恼人的滚动条出现)。但是，每当触发onWindowResize事件时，图形都会使用相同的数据正确地重新绘制自身。
在改变iframe大小的onReady事件之后会发生什么事情(使flot图突然变成错误的大小)吗？为什么为onReady事件而不是为onWindowResize事件绘制的图形不正确？
我不认为这与flot (一个在jQuery上工作的JS图表库)本身有任何关系……
浏览 6提问于2009-07-31得票数 0
回答已采纳
1回答
我在我的网站上使用了一个不同的图表，这导致了一些问题，所以我们迁移到了chartjs。一切正常，但我有一个要求，我在chartjs中找不到。
在我工作的网站上，用户给出了一个评估，它显示了基于评估结果的图表。
因此，在评估中，有一个问题“你感觉到恶化了吗？”如果用户选择yes，那么在图形中，它会在该条上方显示一个图像，如下图所示。
在这张图中，你可以在两条线上看到"E“。
我想在chartjs中实现同样的效果。有可能吗？如果没有，那么你们可以建议一种方法来通知用户他们已经选择了“恶化”。
谢谢
浏览 2提问于2018-08-31得票数 3
1回答
我已经在gwt中创建了一个iFrame。我需要在IFrame中绘制一些SVG。下面是我正在做的事情: 1.创建一个IFrame；2.调用一个jsp文件，这个文件调用其他几个js文件。3.绘制图形
问题-我希望所有的图形都在iFrame上，而它实际上是在iFrame中创建一个新的HTML页面本身。我怎么才能阻止这一切。同样，新的HTML页面没有显示滚动条，我如何添加它，因为我所有的图形都流出，对我来说是不可见的。有没有办法做到这一点。请帮我指点一下。
我不确定如何复制代码，所以我没有这样做。
谢谢!
<html>
<head>
<script type=
浏览 2提问于2012-10-31得票数 0
回答已采纳
1回答
Chart.js变焦显示小数点
、、、、
我用Chart.js实现了图形，用chartjs实现了缩放功能--插件-缩放，效果很好。然而，在滚动y轴时，会给出大量的小数点，这会导致数值脱离视点。如何避免小数点？
没有缩放的：
放大后的：
chartjs-插件-缩放代码：
plugins: {
zoom: {
pan: {
enabled: true,
},
zoom: {
wheel: {
enabled: true,
speed: .01
浏览 3提问于2021-10-13得票数 0
回答已采纳
我尝试在Dart中使用JavaScript库visjs.org。我根据Dart站点pub.dartlang.org/packages/js和github.com/google/chartjs.dart/blob/master/lib/chartjs.dart.上的示例准备了“适配器”代码
另外，根据中的基本用例示例，我编写了客户端dart代码。
虽然代码编译时没有任何错误和警告，但在浏览器中什么也没有发生，预计会看到图形树。
我做错了什么或错过了什么？
浏览 1提问于2016-04-08得票数 3
我正在使用chartJS条形图。我想要检测点击的位置。如何在chartJS中检测图形是在条形图中单击还是在条形图区域之外单击？ const waterFChart = new Chart(canvasRef.current, {
plugins: [ChartDataLabels],
type: "bar",
data: {
labels: ["Label 1", "Label 2", "Label 3", "Label 4", "Label 5"],
浏览 18提问于2021-10-04得票数 0
我使用的是Chartjs的angularjs包装器。当从推送事件程序接收到新数据时，我正在更新图形。此外，我还在选定的图形数据集之间上色。
当我转到另一个页面并再次返回到图表页面时，数据集颜色的不透明度增加，最终不透明度消失。在我看来，当我重新访问页面时，数据集的颜色并没有被清除。然而，当我刷新页面时，这个问题就解决了。
如何在重新访问时清除以前的数据集详细信息。
我尝试了chart.clear()，但不起作用
浏览 4提问于2018-07-06得票数 0
1回答
我用vue-chartjs绘制一些图表，如线条、条形图等.
在我的项目中，有很多情况是使用图表中数据的特定值或可用值。使用vue-chartjs的工具提示选项，我可以在悬停时检查数据项的值或标签。
我想知道如何访问或获取特定数据的信息，在点击时与图形上的点匹配(而不是悬停)。这是我关于图表选项的代码。
chartOptions: {
responsive: false,
onClick: function(evt){
//Some logic to get value of label of specific data...(type, label, v
浏览 0提问于2018-07-07得票数 3
回答已采纳
我已经创建了一个facebook应用程序，它使用facebook php sdk (3.0版)进行授权并访问facebook图形api。
我希望将oauth对话框(BaseFacebook::getLoginUrl())异步加载为lightbox样式模式()中的iframe。由于某些原因，当url加载时，它只显示facebook的徽标和一个链接，上面写着"Go to Facebook.com“。
有人知道为什么这个不起作用吗？
以下是正在发生的事情的演示：
浏览 0提问于2011-07-12得票数 0
回答已采纳
1回答
我有三个使用react-chartjs-2的图形，它们使用模式添加了特定值。
发生在我身上的问题是，我有一个隐藏图形的按钮，但当我隐藏它并再次显示它们时，图形中的值被删除了，我不知道如何恢复它。
有人知道如何保存数据，这是代码。
浏览 13提问于2020-03-03得票数 1
回答已采纳
我正在创建一个web应用程序，在这里我需要创建一些图表。我使用django 3和ChartJS。我为标签创建了一个列表，为要插入到ChartJS中的数据创建了一个列表。我遇到的问题是，无论我尝试做什么，数据都不会出现在图表中。当我试图通过在页面上写入数据来访问数据时，它确实工作，但由于某种原因，它在将数据插入ChartJS时根本不起作用。
根据ChartJS文档，数据字段可以接收一个值列表，所以我不明白为什么这不起作用。
我使用google和堆栈溢出搜索了相当多的解决方案，虽然我在堆栈溢出上找到了一些类似的线程，但这些解决方案对我来说并不管用。我试着转换为json，其他插入数据的方法，使用fo
浏览 0提问于2021-04-16得票数 0
我正在与一个组织合作，建立一个网站来显示tableau Public嵌入的图形，但我遇到了图形显示的问题。我试过跟踪Tableau网站上的一些可用资源，例如确保仪表板设置为自动调整大小等.
该网站是一个wordpress网站，它是这样写的，所以每当检测到tableau的图形嵌入代码时，它就会自动地将其放入iFrame中。从Tableau Public，我正在使用两个嵌入代码中的更长的可用代码。
我已经确保仪表板的表被设置为“自动”大小，所以它应该自动调整到屏幕。这似乎不起作用，而且图形嵌入太大了。
我在tableau资源指南中发现的一件事是，如果您的网站以!doctype html开头，那么在
浏览 0提问于2019-04-08得票数 1
1回答
是否有可能改变ChartJS的行为，以便单击图形上方的dataset标题，取消所有其他数据集？
在文件里找不到。
谢谢
浏览 0提问于2018-10-24得票数 0
回答已采纳
1回答
我是Vue-ChartJs的新手，对此非常好奇： ? 如何将图例位置更改为图形底部？
浏览 38提问于2021-09-21得票数 1
回答已采纳
1回答
我正在使用node，express创建一个web仪表板，并使用ChartJS创建我的图表。现在我想在powerpoint中一键导出它们(一个页面可以有6-10个图形/图表) 我看到推荐使用PPTxGen JS导出，但是我不知道如何连接我现有的chartJs。 能帮帮忙吗？ 提前谢谢。
浏览 48提问于2019-02-04得票数 0
IDE: netbeans Playframework: 1.2.4版
在我的app/controller/application.java中，我调用以下命令
public static void DoSomething()
{
render("Application/Showresult.html");
}
当我查看URL时，它显示为localhost/application/process
我可以看到结果。
为什么它会显示该URL？
在我的一个视图中，我有一个iframe。iframe的src指向一个html文件，图形团队可以在部署到生产环境后将该文件放到view文件
浏览 2提问于2012-10-17得票数 0
回答已采纳
我正在尝试使用iframe在reStructuredText文档中嵌入一个交互式图形，该图形另存为html文件
.. raw:: html
<iframe src="filename.html" height="345px" width="100%"></iframe>
html文件与我的.rst文件在同一个目录中，但是图形没有显示，并且我得到了一个file could not be found错误。
但是，如果我将外部html文件粘贴到_build/html目录中，则图形显示正常。如何正确地嵌入此html文件，
浏览 0提问于2016-04-22得票数 11
回答已采纳
我遇到了一些问题，要用图表来绘制一个“实时”的图形。
上下文如下：I通过连接到websocket实时接收数据。频率大约是每200毫秒。这样的想法就是能够在图形上“实时”显示这些数据。
为此，我决定在一个名为的插件中使用chartjs。
问题:通过遵循这个 (version angular2 +)，我设法显示了空图，但是函数onRefresh ()没有执行，所以我的图总是空的.
我的组件html
<div style="display: block">
<canvas baseChart [chartType]="'line'"
浏览 0提问于2019-02-07得票数 1
2回答
我正在做一个简短的测试，这个测试将使用iFrame和JavaScript构建。我一直在试图找出为什么我的按钮和点击事件不起作用。
下面是我在HTML中的内容：
<iframe id="iframe">
</iframe>
和联合来文：
$(document).ready(function() {
function getDog() {
alert("Dogs are great!");
}
var $iframe = $('#iframe');
var $dogButton =
浏览 1提问于2019-07-08得票数 0
回答已采纳
我有这个图表，对于不存在的数据，它将显示"undefined%“。 ? 如果数据不存在，我如何摆脱“未定义的%”，并在图形中什么也不显示？ 代码如下： import { Bar } from "react-chartjs-2";
import "chartjs-plugin-datalabels";
import { Chart } from "chart.js";
import ChartDataLabels from "chartjs-plugin-datalabels";
Chart.register(Ch
浏览 64提问于2021-11-12得票数 1
回答已采纳
1回答
我需要帮助创建一个围绕着图表的地球。 I want it look like this How it looks like on the website 该图使用此div &chartjs呈现： <div id="canvas-holder" style="width:100%">
<canvas id="chart-area" width="500" height="500"></canvas>
</div> earth iframe的代码是： &
浏览 7提问于2020-07-22得票数 0
1回答
我正在使用react-chartjs-2制作一个垂直条形图。 我存储了很多浮点数的数组。 我尝试使用chartjs callback option只显示图形上的最后一个值。 但是回调中的值是一个整数，所以我不能接受我想要的值。 例如, const xAsisData = [ 1.11, 4.23, 7.34, ... , 403.78 ] // includes hundreds scales: {
x: {
ticks: {
autoSkip: false,
callback: (value) => {
//
浏览 19提问于2021-06-24得票数 1
回答已采纳
1回答
我在Blogger中插入以下iframe：
<iframe id="myId" src="http:www.example.com" width="100%" onload="var iframe = document.getElementById('myId');iframe.style.height = iframe.scrollHeight.toString() + 'px';"></iframe>
它应该根据其内容自动调整其高度。
我已经在我创建的HTML页面中对它进
浏览 2提问于2012-11-21得票数 0
回答已采纳
我使用chartJS创建了一个条形图。我希望将JSON数组中的数据显示到图形工具提示中。
JSON
{
"meth": [ {
"tech": "CSS", "avg": 3, "Count": 80, "sum": 53
}
,
{
"tech": "CCS", "avg": 9, "Count": 70, "sum": 25
}
,
浏览 1提问于2019-01-10得票数 1
回答已采纳
我试图在一个图表饼图中执行一个JavaScript函数，但是使用了FreeMarker，这有点困难。 我有以下javaScript函数： function randomColor(){
var hue = Math.floor(Math.random() * 360);
var color = 'hsla(' + hue + ', 70%, 70%, .8)';
return color;
} 我想填充chartjs属性"Background"： "backgroundColor"
浏览 19提问于2021-09-08得票数 0
我有一个图表JS图表。我可以点击图表并显示一些我喜欢看到的图表信息：
onClick: (evt, activeEls, chart) => {
alert(chart.data.labels[activeEls[0].index]);
},
我的chartJS脚本当前位于html文件中。但是，当我尝试将它移到我的main.js中时，它不起作用(即函数不运行)。我似乎搞不懂为什么。
这样的设置如下：
Main.JS:
function show_info() {
alert(chart.data.labels[activeEls[0].index]);
}
我已经将
浏览 0提问于2021-11-30得票数 0
回答已采纳
最近参加了一个新项目。我一直试图将数据标签插件添加到我的Chart.js特性中。在chartjs-plugin-datalabels上执行npm安装之后，我在Aurelia.json中定义了相关的依赖项
{
"name": "chart",
"path": "../node_modules/chart.js/dist",
"main": "Chart.bundle"
},
{
"name
浏览 0提问于2018-01-04得票数 1
chartjs-plugin-datalabels支持显示与图形内容的值、数据、上下文相关的信息。需要在每个图形上显示图像和文本标签的基础上的值。参考已连接的快照
尝试自定义选项，但基本上需要尝试在插件数据标签中渲染html，以便还可以添加图像
插件：{ datalabels：{锚点：'end'，对齐：'start'，字体：{ size: 20，}
在栏上显示图像
预期结果：
浏览 18提问于2019-07-18得票数 3
1回答
有没有可能让ChartJS进程的值为空？
例如，有一个标签列表：
`['January','February','March','April','May','June]`
并且有一个值列表[1,null,null,5,null,1]。
在本例中，我希望ChartJS执行以下操作:没有2月、3月和5月的值，因此它直接在1月、4月和6月之间划线。
还有类似的问题，但他们不想在空值下画任何线，我想在最接近的非空值之间画线。
这是当存在0而不是null值时的图形。
浏览 0提问于2016-11-14得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
