Javascript 反应图表显示纯黑色

我用的是图表列表

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

根据文档显示时，应如下所示：

以下是每个文档的代码：

这是我的密码：

import React, { Component } from 'react';
import ChartistGraph from "react-chartist";



class PreBuy extends Component {


    render() {


        var simpleLineChartData = {
            labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
            series: [
                [12, 9, 7, 8, 5],
                [2, 1, 3.5, 7, 3],
                [1, 3, 4, 5, 6]
            ]
        }

        let style = {
            height: 400,
            position: "relative",
            top: 300
        }

        return (

            <section>
            <div style={style}>
                  <ChartistGraph data={simpleLineChartData} type={'Line'} />

            </div>




          </section>

        )

    }
}


export default PreBuy

import React，{Component}来自'React'；
从“反应图表列表”导入图表图表；
类PreBuy扩展了组件{
render（）{
变量simpleLineChartData={
标签：[“星期一”、“星期二”、“星期三”、“星期四”、“星期五”]，
系列：[
[12, 9, 7, 8, 5],
[2, 1, 3.5, 7, 3],
[1, 3, 4, 5, 6]
]
}
让样式={
身高：400，
职位：“相对”，
top:300
}
返回(
)
}
}
导出默认预购

您必须包含来自bower CDN的

css

，或者将其导入到项目中

看

e、 g。 包含到您的

index.html

：

<link rel="stylesheet" href="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.css">

我正在使用create react应用程序，并完成以下工作。在我的react组件上面我做了：导入“./reactChartlist.css”；//导入常规样式表；这里是下载

css

或

scss

您想要使用的方法是的，我将css源代码复制到了我上面提到的文件中。谢谢@威廉，我爱你，伙计。你救了我一天！