个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
25
4
我正在尝试使用 Chartist.js为我的网站创建图表和图形的框架。但出于某种原因，我不断收到错误消息“Chartist is not defined”
我不知道如何解决这个错误。请看下面的代码:
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script>
<link href="https//cdn.jsdelivr.net/chartist.js/latest/chartist.min.css" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Oxygen:300' rel='stylesheet' type='text/css'>
<meta charset="utf-8">
<title>Chartist.js - Simple line chart</title>
<script>
// THIS IS WHERE THE ERROR OCCURS
new Chartist.Line('.ct-chart', {
labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
series: [
[2, 3, 2, 4, 5],
[0, 2.5, 3, 2, 3],
[1, 2, 2.5, 3.5, 4]
]
}, {
width: 500,
height: 300
});
</script>
</head>
<body>
<div class="ct-chart"></div>
</body>
</html>
有谁知道我做错了什么？提前致谢。
最佳答案
将您的脚本移至页脚:
<!DOCTYPE html>
<html>
<head>
<link href="https//cdn.jsdelivr.net/chartist.js/latest/chartist.min.css" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Oxygen:300' rel='stylesheet' type='text/css'>
<meta charset="utf-8">
<title>Chartist.js - Simple line chart</title>
</head>
<body>
<div class="ct-chart"></div>
<script src="https://cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script>
<script>
// THIS IS WHERE THE ERROR OCCURS
new Chartist.Line('.ct-chart', {
labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
series: [
[2, 3, 2, 4, 5],
[0, 2.5, 3, 2, 3],
[1, 2, 2.5, 3.5, 4]
]
}, {
width: 500,
height: 300
});
</script>
</body>
</html>
http://plnkr.co/edit/3sAdiBJaaue3x9kgBRZw?p=preview
它的工作就像一个魅力:)
关于javascript - Chartist 未定义错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30455764/
25
4
0
我已经建立了一个js fiddle ，它基于github上提出的一个问题来演示如何旋转轴标签。在下面的js fiddle 示例中，它可以正常工作，但是当我在自己的网站上尝试此操作时，标签不可见。 ht
图表上的字体太小，在某些颜色上难以阅读。有没有办法改变这些属性？ 我可以这样做使整个馅饼变红，但设置颜色或字体大小不会改变: .ct-series-x .ct-slice-pie { fill
我正在尝试创建一个中间带有文本的圆环图。我需要圆环图如下所示: 总值是我传递给创建图表的函数的变量。截至目前，这就是我所拥有的: 上面图表的代码如下: new Chartist.Pie('.ct-ch
我正在尝试在我正在渲染的图表上添加点击事件。从 chart.click 到 chart.on('click', function (e){ })。 我想做的是让用户选择图表上的点，然后让我了解用户所做
我想将 Chartist.js 上的网格颜色从默认灰色更改。我试图覆盖 ct-grid-color 设置，但可能做错了一些事情。任何人都可以请建议如何做到这一点？ 最佳答案 只需插入您的 CSS。 .
我正在 Framework7 中构建一个小型应用程序，使用 Chartist 来制作一些图表。例如，我创建了一个 jsfiddle。你可以在这里看到它:https://jsfiddle.net/eme
使用 chartist.js，无论您做什么，通过 css 或 showLabel: false 隐藏标签，左侧和底部始终有空间。 我试图绝对定位图表以适合 div，因此图表从最左边开始一直绘制到另一端
我正在尝试使用 Chartist.js为我的网站创建图表和图形的框架。但出于某种原因，我不断收到错误消息“Chartist is not defined” 我不知道如何解决这个错误。请看下面的代码:
我已经安装了 mfpierre:chartist meteor 包和它的 mspi:chartiSTLegend 插件(两个大气包)。我有这样的插件: new Chartist.Bar('.ct-ch
我想使用带有标签(显示在图例中)以及饼图本身的百分比的chartist.js 创建饼图。 这是饼图。我想为这些部分添加百分比值。 http://i.stack.imgur.com/SiIKb.png
我有一个页面，其中有两个不同的选项卡布局，其中包含 Chart.js 图表。可以在此处找到工作示例 Codepen我面临的问题(正如您在上面提到的笔中注意到的那样)是，尽管具有相同的图形选项值，但第一
我正在尝试使用从某个 php 页面获取的 Json 数据来制作图表。 具体来说，我想显示一个饼图，其中包含每个部分的标签及其代表的百分比。 我遵循了图表专家的示例，最终得到了这个代码笔: https:
我想使用 chartist.js ，但我的工具没有显示任何内容: http://gionkunz.github.io/chartist-js/getting-started.html 我的代码(cha
我正在使用 chartist.js 创建和显示一个简单的条形图。我无法全神贯注于动画功能以及如何使用它，我正在为图表创建中的条形图寻找一个简单的上升动画。我找到了这个 example来自另一个问题，我
我试图让我的 Y 轴准确地分为 [0, 250, 500, 750, 1000]。但是我设置为 250 的“除数”属性不起作用，它仍然是默认值 200。 new Chartist.Line(
我目前正在使用 chartist-legend-plugin这很棒，但是当涉及到传说中的颜色时，它就不起作用了。有谁知道如何在chartist中抓取颜色系列？因为 chartist 会自动生成不同的颜
我正在尝试在 Chartist 下方添加一段文字图表。然而，Chartist 似乎将 DOM 元素的实际创建推迟到某个未知的 future 时间点。 期望: 创建新的 Chartist 图表，然后 在
有谁知道是否可以使用 Chartist.js 确保水平条形图占据图表容器的整个宽度？ 如果您查看屏幕截图，您可以看到灰色条并没有占据整个宽度，根据示例，我本以为该系列中的最高值数据点将被缩放以填充到末
我在我的元素中使用 chartist.js。现在我的观点是这样的: 实际上只是 svg 行。 我需要的是让它看起来像这样: 有没有办法使用 chartist.js 来做到这一点？ 最佳答案 好的，这就
我有带有自定义标签和百分比的饼图。问题是标签和百分比出现在同一行中。我需要将百分比和标签分成两行。标签百分比 我试过了和 \n但没有用。请帮忙 var names = ['', 'Home Loans
我是一名优秀的程序员,十分优秀！