问题标签 [react-chartist]

我正在使用图表列表。http://fraserxu.me/react-chartist/

数据显示不正确。数据显示如下：

根据文档，它应该显示如下：

这是每个文档的代码：http: //fraserxu.me/react-chartist/

这是我的代码：

我正在使用react-chartist. 在标签上，我想在标签文本旁边添加图像。我尝试了所有想法，但都没有奏效。一切回归[object Object]。这个问题是否有很好的解决方案？我也可以使用 just 添加标签css，但如果我可以在<Chartist />组件内部添加标签，那就容易多了。

我尝试的简单代码示例（下面的代码沙盒演示）：

演示：https ://codesandbox.io/s/chartist-8oeju

我还在jsbin：httpsReact ://jsbin.com/gulokelide/edit?js,output 上找到了这个演示，但我猜 它不起作用。

我正在使用 React-Js 应用程序并使用 ChartistJs 库来显示图表。我正在尝试更改条形图中标签的颜色和字体，但找不到任何选项来实现这一点。

我们添加了一个带有 2 个数据集的图表，即填充为真的折线图（面积图）。然而，在一个数据集中的值很低，它显示正确，但我们需要隐藏浮动边框，如下面屏幕中的红色块中所述

如果特定点的一个数据集的数据较低，我们可以隐藏边框，因此它不应该浮动在另一个数据集值中。

我正在尝试将标题对齐到左侧而不是中心（如图所示）。

我知道这在 chartJS 上是可能的，v3.0.0-alpha.2但据我所知。reactchartjs2.9.30

有谁知道如何实现这一目标reactchartjs？

我认为它会是这样的：

任何帮助，将不胜感激。

我无法从我的 Axios 调用中解析大型 JSON 对象并将它们设置为状态，然后作为 X 和 Y 轴数据传递以在react-chartist. 就我而言，我正在绘制股市数据图表。

我一直在尝试使用状态挂钩解析数据chartData，但无法使其正常工作，就像这样response.data.symbol,response.data.adj_close和response.data.date

我还尝试为直接从 axios 调用中获取的 X、Y 和符号数据创建三种不同的状态，但无法实现。

这是我正在使用的代码：

我接近这个错误吗？有没有更简单的方法可以做到这一点？

我已经添加了数据来复制问题，基本上是，我怎样才能解析这样的大对象？请记住，每一行都需要按其各自symbol的图形进行分组。在下面的数据中，有 8 家公司有价值的数据。将所有这些数据放在图表上会很糟糕，但如果我知道如何解析特定符号，那么我将能够自己完成绘图。

我有一个 API 响应，它在数组中提供多个对象：

我正在尝试创建一个 map() 来绘制symbol响应中每个唯一的图形，每个<card>都已经映射到另一个数据数组。像这样：

但正如您所见，我为图表制作的映射函数不起作用。它将每个唯一的所有数据堆叠symbol到每张卡上。我希望每个独特的符号都有自己的数据图表。我一直没能成功，我在下面做了一个可重现的代码：

可复制代码：https ://codesandbox.io/s/gallant-curie-5qck3?file=/src/index.js

这是我设置所有内容的方式：

父母.js

Child.js

单击元素时，我想知道“userId”自定义属性。

如果我向数据集对象添加自定义属性，则添加的自定义属性不会显示在 getElementAtEvent 中检索到的元素中。

大家好，我首先使用的是chartist.js我在这里没有看到任何类型pie的颜色选项我在chart.js文件中创建了两个文件这是代码

这是我的另一个文件

我想把黄色变成绿色我该怎么做

我试过这些没有用

并且这个 CSS 类显示在浏览器中但没有应用颜色我在浏览器上也检查了 CSS 类已应用但没有效果