目前,我正在尝试向我的应用程序添加一个包含任意数据的条形图,但我无法将其渲染。它的导入是正确的,我使用了chart.js网站上的示例代码,但没有成功。我遗漏了什么?
import Chart from 'chart.js';
import React, { Component } from 'react';
class ChartTeamOne extends Component {
setState(){
const t1ChartEl= document.getElementById("teamOneCanvas");
let te
我试图将对象解析为chart.js,而不是使用数组。这是我的目标:
var obj = {
"and":2,
"two":1,
"too":1,
"mother":2
}
我希望将我的obj解析为chart.js,因此它将根据该对象的数据创建一个图表。例如,如果我们拿一个条形图,它会把and放在第一位,上面是Y轴。然后是two,其Y轴上有1,等等.
如何创建条形图:
var ctx = document.getElementById("myChart");
var data = {
我同时使用react和chart.js绘制条形图。但在chart.js中,我们必须使用canvas标记,为了找到该标记并在其中放置条形图,我们使用常规的document.getElementById()方法。我尝试了很多组合,比如将document.getElementById()放在开头,或者放在$(document).ready()中,甚至放在react的componentDidMount()方法中。但我还是得到了"TypeError: document.getElementById(...) is null“这个词。如果有人知道这件事,请给我一个建议。谢谢。
下面是我正在尝试执行
有没有一种方法可以在渲染数据后将数据传递给局部视图。我在呈现的_Layout中有一个局部视图。它需要isHeaderShown。但是,此isHeaderShown只能在调用@RenderBody之后设置,因为只有body控制器才有此信息。
在我的布局中。
@{Html.RenderAction("Index","_Menu", new { area = ""});}
@RenderBody()