24得票1回答
react-chartjs-2的填充属性无法正常工作?

我想在折线图中使用react-chartjs-2包添加填充。 我将fill:true传递给数据集,但结果不符合预期。 有什么建议吗?const data = { labels, datasets: [ { label: "Balance&q...

18得票3回答
当状态更新时,react-chartjs-2不会更新图表

我正在创建一个仪表盘应用程序,从端点获取数据并使用setState方法将端点返回的JSON中的变量分配给状态变量。当我更改状态时,一些组件(例如'react-svg-gauge')会更新,但是'react-chartjs-2'没有更新。 以下代码是我的实际应用程序中状态更改的示例。此示例将在...

18得票2回答
ChartJS:如何设置固定的 Y 轴最大值和最小值

我有一张折线图,想要设置一个固定的最大值和最小值。我尝试过在SO上找到的其他建议,但仍然不起作用。我的图表会根据传入的数据重新设置最大值和最小值。 这是我当前传递给折线图的选项:var options = { responsive: true, animati...

13得票5回答
ReactJS如何在向下滚动并到达页面时渲染组件?

我有一个React组件,它包含多个图表组件; ...等。 当组件开始渲染时,需要一段时间从API接收每个图表所需的数据,然后才开始响应和渲染所有图表组件。 我需要的是,仅当我向下滚动并在页面上到达图表时才开始呈现每个图表。 是否有任何方法可以帮助我实现这个功能?

12得票7回答
在React-Chartjs-2框中的Doughnut图表中添加文本

我创建了一个环形图表,它可以正常工作,但现在我需要在中心显示数字45,例如。 我应该在哪里指示要显示的文本和坐标?在图表的选项中吗? 我正在使用React组件。class DoughnutChart extends React.Component { render() { c...

12得票3回答
如何在react-chartjs-2中更新图表?

我调用了update()函数,但它没有起作用。 类型错误:line.update不是一个函数。 为什么update()不是一个函数? 我在http://jsfiddle.net/zpnx8ppb/26/上看到的示例中,update函数可以正常工作。 这是我的代码:import React,...

11得票2回答
react函数式组件的componentWillMount是什么?

对于 React 类组件,我们有 componentWillMount() 生命周期方法,在加载组件前可以执行任务。比如,调用后端接口并使用响应在前端显示数据。 如果我想在函数式组件中实现同样的功能怎么办?比如,我使用了 React ChartJS,需要从后端响应中检索数据值,然后根据这些数...

10得票3回答
如何在react-chartjs-2中显示每个柱状图的值

我有一个关于react-chartjs-2中柱状图的问题。我在我的应用程序中使用react-chartjs-2制作了一个条形图和饼图。 我可以使用插件调用Chart.PieceLabel.js来显示饼状图的值。但我找不到适用于条形图的插件。我想像饼图一样显示每个条的值。 是否有可能在条形图...

10得票1回答
Chartjs矩形树图示例

我目前在我的项目中使用chart.js,我必须说这是一个非常好用的库。但是我最近意识到我还需要一个“树状图”,可惜在他们的网站上找不到。 是否有人成功地使用chart.js实现了树状图的例子?

10得票6回答
Chart JS插件根据数值改变线条颜色

我希望创建一个折线图,其中线条(和点)的颜色取决于正在绘制的值。例如,如果该值高于以下阈值[0, 115, 125],则颜色将分别为['green', 'yellow', 'red']。 要求几乎与此示例相同:https://jsfiddle.net/egamegadrive16/zjdwr...