javascript - react-chartist 显示纯黑色
问题描述
我正在使用图表列表。http://fraserxu.me/react-chartist/
数据显示不正确。数据显示如下:
根据文档,它应该显示如下:
这是每个文档的代码:http: //fraserxu.me/react-chartist/
这是我的代码:
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
解决方案
您必须css
从 Bower CDN 中包含或将其导入到项目中。
看文档
例如
包括到您的index.html
:
<link rel="stylesheet" href="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.css">
推荐阅读
- javascript - react-sortable-hoc 行不使用 arraymove 排序
- python - Python中的ffmpeg管道输入和输出
- flutter - FlutterFire DocumentSnapshot.data() 正在返回对象?
- python - 在 python 中,我可以从嵌套函数返回,直接返回浏览器吗?
- python - 如何设置条件要求以及如何一次性做出选择
- java - 查找三个二维数组的值总和最高的点
- package.json - package-lock.json 没有出现在 phpStorm IDE 中
- python - 比较 2 行方向
- python - Pyautogui LocateOnScreen 可定位时
- python - Python 直接从命令行运行外部库类