问题标签 [chartist.js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
6151 浏览

javascript - 在 chartist.js 中为 SVG 数据点添加轮廓

我正在玩 Chartist.js,只是想知道您是否可以帮我为 SVG 应用一些样式。这是我的代码如下:

jQuery:

HTML:

CSS:

我只是想模拟他们在我在 dribbble 上发现的这个令人敬畏的设计中所拥有的东西,其中每个数据点都有一个较暗阴影/与背景类似的阴影的轮廓。我曾尝试在 CSS 中使用轮廓,但它会在数据点周围产生一个黑色正方形(或我选择的任何颜色),我不知道如何让它四舍五入皮奥特运球投篮

最后,这是我在 jsFiddle 中已有的内容 - http://jsfiddle.net/andyjh07/gLnkwLj0/

0 投票
1 回答
2567 浏览

javascript - 流星模板 onRendered 回调未调用

我正在尝试将 chartist.js 与我的流星应用程序一起使用。我将代码放入其中,Template.reportPage.onRendered()以便在插入模板 DOM 后生成条形图。我尝试发出警报,发现它从未被调用过。我也有一个助手定义Template.reportPage.helpers,它运行良好。

我收到错误:

这是我的代码:

0 投票
3 回答
9143 浏览

visualization - 如何在 Chartist 中添加轴标题

我正在使用Chartist进行浏览器可视化。

这里的要求是我需要在 X 和 Y 轴上添加标题,以便观众知道每个轴代表什么。但是,我浏览了 Chartist 的在线文档,并没有找到关于此的文档。我错过了什么,还是 Chartist 不支持此功能?如果不支持,有没有办法解决这个问题?

0 投票
3 回答
9114 浏览

javascript - Chartist.js 删除标签?

所以我可以display:none标签前。下面是 css,但我的 .ct-chart 在图表 ex 的左侧和底部仍然有一些东西。下图。

理想情况下,蓝色图表位于白色模块的左侧并位于底部下方,以便与 d​​iv 匹配,绝对定位,并且图表响应开启。我假设空白是从 DOM 中仍然存在的标签创建的?

在此处输入图像描述

我想让图表在左侧和底部显示没有空白。我的.ct-chartCSS看起来像这样。

0 投票
1 回答
925 浏览

javascript - Chartist 总是留有间距?

使用 chartist.js,无论您做什么,都可以通过 css 隐藏标签,或者showLabel: false在左侧和底部始终留有空间。

我试图绝对定位图表以适合 div,因此图表从最左侧开始,一直绘制到另一端,没有任何空间或填充。

我尝试了许多不同的方法来隐藏网格和标签,它们是隐藏的,但那个空间仍然存在。

我真的不想破解 css 并做left:-100px width:104%.

这里有些例子。

在我的项目中,蓝色图表的左侧或底部不应有空白。chartist 包装器看起来像这样。

在此处输入图像描述

即使在他们的网站上,您也可以看到它与下面的框格格不入

在此处输入图像描述

0 投票
1 回答
772 浏览

javascript - Javascript - 图表库

我在我的网站上使用图表专家。在本地主机上,这很好。一切正常。

当我部署网站时,当我想绘制饼图时出现 2 个错误。

其他图表运行良好。

错误如下:

它指的是那部分代码:return m.chartist=y,y

它指的是那部分代码:for(var t=[],n=0;n<e.series.length;n++)t[n]="object"==typeof e.series[n] ...

dev 和 prod 版本之间的唯一区别是我连接了我的 JS(不是 uglify)。

我不能给你更多的细节,所以我知道你很难提供帮助,但我迷失了我花了几个小时在这上面,我仍然没有弄清楚。任何帮助将非常感激!

谢谢

0 投票
0 回答
153 浏览

javascript - 在 chartist.js 中添加 plotLine

我正在寻找使用 Chartist.js 在 HighCharts 中实现 plotLine 的最佳实践。

Highcharts 示例是http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/xaxis/plotlines-color/

我在文档中没有看到这样的选项,那么自定义 svg 元素(路径/线)是正确的方向吗?

0 投票
2 回答
11167 浏览

javascript - 用新数据更新 chartistjs?

我可以使用setTimeout(在底部,在创建的事件上)使用chart.update.bind(chart).

谁能建议我可以将新数据传递到该图表对象的方法?也许使用原型方法?还是我应该创建一个全新的图表对象并重绘它?

最终,我只想要一个图表,它可以通过漂亮的动画自动更改数据,主要是出于审美目的。

0 投票
2 回答
2653 浏览

chartist.js - Chartist.js 对如何创建感到困惑

我只想在我的网站上使用一个简单的图表。我找到了 chartist.js。我读过 http://gionkunz.github.io/chartist-js/getting-started.html

我看过这个例子: http: //jsbin.com/qalewi/edit ?html,css,js,output

我只是不确定如何链接 HTML 和 JS 文件。我最初创建了 HTML 文件并链接了一个 chart.js 文件,该文件包含示例中的代码。但是当我运行它时,什么也没有发生。

谢谢

0 投票
1 回答
8418 浏览

javascript - Chartist 未定义错误

我正在尝试使用Chartist.js框架为我的网站创建图表。但由于某种原因,我不断收到错误“未定义图表”

我不知道如何解决这个错误。请看下面的代码:

有谁知道我做错了什么?提前致谢。