chartist.js使用不出图

xiao_yu11 2016-11-18 09:59:45
[size=13px]之前按照chartist.js官网的教程,使用bower下载了它的库之后,加载在项目里面,里面的代码也是正确的,可是却出不来图,换了浏览器也不行,以下是我自己领创建了一个项目测试能不能使用chartist.js的,网上的教程都是按照官网来使用的,没有完整项目参考,有使用过chartist.js的大神吗?这个也很紧急,希望用过chartist的大神能指教指教,谢谢!以下是我的小测试代码!

...全文
147 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
sinat_34066256 2019-07-03
  • 打赏
  • 举报
回复
哪有用.开头做id名称的啊...你是不是把class筛选器和id搞混了
Hello World, 2019-07-03
  • 打赏
  • 举报
回复
给你一个简单的示例:
}
<link href="~/lib/chartist/chartist.min.css" rel="stylesheet" />
<div id="chart" class="ct-chart-line"></div>
<script src="~/lib/chartist/chartist.js"></script>


<script>
var data = {
labels: ["A", "B", "C"],
series: [[1, 2, 5]]
};
new Chartist.Line('#chart', data);
</script>
}

项目只要引用这两个文件即可:

效果:

多条线的示例:
netitgo 2019-03-16
  • 打赏
  • 举报
回复
div里面的id=".ct-chart"整个去掉

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧