我遇到了 ChartJS 问题(或者说是我的愚蠢)。我创建了一个小提琴来显示该问题。下面是该问题的确切 JSFiddle:var ctx = document.getElementById('somechart').getContext('2d');var somechart = new Chart(ctx, {type: 'line',options: {title: {display: tru
2020-02-28
以下代码应该创建一个新的条形图,但我收到“未捕获类型错误:无法设置未定义的属性‘数据’”,它指向第一行(var chart = new Chart 等)var chart = new Chart(document.getElementById("chart1"), {type: 'bar',data: {labels: ["Label1", "Label2", "Label3", "Label4"
2018-12-18
我正在尝试使用 vue-chartjs 制作 vue。我已遵循与在更新 chartData prop 时重新渲染图表相关的所有文档。我的图表仅在我调整浏览器窗口大小后才会更新。我的 parenttestchart.vue 文件:<template><div><h1>Chart datacollection update test</h1><p>This component demonstrates
2017-11-07
我同时使用 react 和 chart.js 来绘制条形图。但在 chart.js 中,我们必须使用画布标签,要找到该标签并在其中放置条形图,我们使用常规的document.getElementById()方法。我尝试了很多组合,比如将document.getElementById()放在开头,或者放在$(document).ready()中,甚至在 react 的componentDidMoun
2015-09-06
我正在开发一个 React 应用,并尝试让 Chartjs 从其 npm 包中导入后运行。以下是初始化代码://in my constructorthis.usageChart = null;//in componentDidMountlet chartContext = document.getElementById("proc_usage");let initialDataIdle = [10
2018-01-05
我正在尝试使用 chartjs-2 来呈现带有数据的条形图。这是我的代码:import React from "react";import { Bar, Line, Pie } from "react-chartjs-2";export default class App extends React.Component {constructor(props) {super(props);this.
2018-10-09
CodeSandbox当我尝试使用顶部面板更改图表数据时,它可以工作,但当我将鼠标悬停在图表上时,它会反复更改数据。为什么会发生这种情况?例如,单击“周”,然后将鼠标悬停在下面的图表上。
2019-03-25
我不知道为什么它给出的长度是未定义,而另一个是setDailyData不是一个函数const Charts = () => {const { setDailyData, dailyData } = useState([]);useEffect(() => {const fetchAPI = async () => {setDailyData(await fetchDailyData());};co
2020-05-11
我创建了一个冠状病毒表,每当有人点击特定国家的名称时,模态框就会弹出活跃病例图表。我意识到这可能是从 Bootstrap 导入的模态组件的问题(但不太确定)。当我将动画设置为 false 时,图表不会在每个模态框打开时显示数据。当不包含动画道具时,数据有时不会加载。关闭并重新打开几次可以解决问题。 <Modal show={show} onHide={handleClose}animation=
2020-11-27
我正在尝试使用 react-chartjs-2 创建条形图,但收到错误:无法读取未定义的属性(读取“map”)。这是我第一次尝试创建图表,我想知道我应该写些什么,是什么导致了这个错误。import React, {useEffect} from 'react'import styled from 'styled-components';import {Bar} from 'react-chartj
我正在使用 Chart.js 和 react-chartjs-2 向我的 React 应用程序添加图表。我正在尝试将数据加载到图表中,如下所示:<Chart type="line" data={this.getData}/>getData是一个简单的函数,它将组件 props 中的数据转换为 Chart.js 可以理解的格式:function getData() {const data = thi
2022-12-06
我遵循 Chartjs文档,并且我的数据对象中有两个数组(标签和数据集),当我尝试在数据集数组中定义属性时,似乎遇到了错误消息Uncaught TypeError: Cannot read property 'datasets' of undefined,并且无法找出原因。信息与文档准确匹配,但由于某种原因,它不起作用。HTML:<!doctype html><html><head><title>
2014-08-26
我想使用 chartjs 创建一个条形图。数据通过 $.ajax 检索。从 $.ajax 检索到的 JSON 数据稍后将添加到数据集。但是,当我要创建 chartjs 时。Chart.js 库出现错误:Uncaught TypeError: Cannot read property '0' of undefined加载完 ajax 后,我检查了所有数据。JSON 没有问题(我已经检查了控制台)。此
2014-09-29
Chart.js 有错误吗?每次我将 Chart.js 上的任何图表添加到我的网站时,都会出现错误,但当我将图表用作独立程序时,它运行顺畅且没有错误。我使用的是 HTML5。 <html><head><meta charset="utf-8" /><title>Rice Consumption</title><script src='Chart.min.js'></script></head>
2015-04-22
使用 Chart js,我尝试从 Ajax 调用中提取数据以提供给 Chart。我发现其他一些帖子中有人建议延迟画布加载,但似乎没有任何效果。目前,这是我下面所拥有的,我得到的错误是$(function () {GetChartData();function GetChartData() {$.ajax({url: ajaxURL,method: 'GET',dataType: 'json',su
2016-04-15