JavaScript图形
我试图在Materialiecss网站中创建一些类似于此的图形,但我无法确定它来自何处,我查看了整个Materialiecss网站,但它不是框架的一部分,我在代码中找不到他们在使用什么 我对那些小盒子特别感兴趣:() 示例网站可在此处找到:JavaScript图形,javascript,reactjs,graphics,Javascript,Reactjs,Graphics,我试图在Materialiecss网站中创建一些类似于此的图形,但我无法确定它来自何处,我查看了整个Materialiecss网站,但它不是框架的一部分,我在代码中找不到他们在使用什么 我对那些小盒子特别感兴趣:() 示例网站可在此处找到: 我想这是用chartjs创建的我想你可以使用Chartist.js进行一些修改。看看我的代码笔,我为你创建了一个示例 基本上,您需要将Chartist.js设置为没有任何轴值: var chart = new Chartist.Line('.ct-cha
我想这是用chartjs创建的我想你可以使用Chartist.js进行一些修改。看看我的代码笔,我为你创建了一个示例 基本上,您需要将Chartist.js设置为没有任何轴值:
var chart = new Chartist.Line('.ct-chart', {
labels: [1, 2, 3, 4],
series: [
[1, 4, 2, 5],
[2, 3, 1, 4]
]
}, {
showPoint: false,
showLine: false,
showArea: true,
fullWidth: true,
showLabel: false,
axisX: {
showGrid: false,
showLabel: false,
offset: 0
},
axisY: {
showGrid: false,
showLabel: false,
offset: 0
},
chartPadding: 0,
low: 0,
width: 400,
height: 200
});
另外,不要忘记从CDN导入必要的CSS和JS
<script src="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script>
<link href="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.css" rel="stylesheet" type="text/css" />