问题标签 [angular-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 投票
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 投票
1 回答
8418 浏览

javascript - Chartist 未定义错误

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

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

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

0 投票
1 回答
314 浏览

angularjs - $injector:modulerr 使用 angular-chartist

刚刚将 angular-chartist 添加到我的应用程序中,现在出现以下错误:

我认为当我定义角度应用程序时会发生此错误:

我是否设置错误?

以下代码还处理 angular-chartist:

你可以在这里找到 angular-chartist 的文档

0 投票
1 回答
972 浏览

javascript - 简单的 ChartJS 离子示例 - 出错了

我正在尝试使用 chartjs 运行一个简单的离子示例。这是我的Controller,我在我的app.js 中添加了chart.js,第二个是我的graph.html 页面。我只是得到一个空白的白屏...

在此处输入图像描述

0 投票
3 回答
20389 浏览

javascript - angular-chart.js 中的水平条形图

我已经在 angular-chart.js 中成功创建了一个条形图,但现在我想将其更改为水平条形图。另外,我希望将字段放置在水平条本身的内部:

代码

我想要的例子

在此处输入图像描述

0 投票
1 回答
1155 浏览

angularjs - 使用 Angular-Chartist 和 CoffeeScript 格式化 Chartist 标签

我正在尝试将我的标签格式化为百分比。我已经尝试查看 Chartist.js 的文档并将其转换为 CoffeeScript,问题是事情对我来说不是很清楚,因为我们使用的是 Angular 和angular-chartist模块。这是一个相当微不足道的作品,我不能要求我的联合创始人花时间,因为我们的项目中有许多更大的作品在发挥作用,但我想了解我的不足之处。

该图表使用 chartist 指令显示(我猜它是其中的一部分angular-chartist):

<chartist class="ct-chart" chartist-data="typeCounts" chartist-chart-type="Bar" chartist-responsive-options="typeCounts.barResponsiveOptions"></chartist>

这是我尝试获取选项的咖啡脚本(请注意,标签和系列属性工作正常;但图表元素没有获取该barResponsiveOptions属性(因此console.log调试行没有触发):

现在图表显示 y 轴上的数据点为 1 的分数(例如 0.0 -> 1.0)。

0 投票
0 回答
996 浏览

angularjs - 在圆环角图中添加文本

我在 angularJS 中有一个使用 angular-chart.js 的圆环图。

HTML 文件:

JS文件:

这是小提琴: angularJS DoughnutChart

我需要在图表的中心添加一个文本并删除图例和工具提示。请帮忙!

此外,我遇到了一个 angularJS 指令,用于相同的AngularJS donut Directive。我想使用这个指令来创建图表。任何工作的 jsFiddle 都将不胜感激。

谢谢

0 投票
0 回答
212 浏览

css - 在charts.js和angulaJS中具有透明范围和点标记的圆环图

我有一个使用 angular-charts.js 预先配对的 angularJS 圆环图。我需要在图表中添加一个透明范围(该范围应该采用背景的颜色。我还需要在图表中的特定点添加一个标记)。这可以使用charts.js在此处输入图像描述和角度来完成吗?

0 投票
1 回答
2467 浏览

javascript - Angular Chartjs 如何使其对数据更改做出反应?

我正在尝试编写一个应用程序来显示来自 API 的一些数据,并且在工作期间我将能够更改我想在图表上显示的时间和日期范围。

现在我正在与基本数据更改作斗争。

我有一个简单的图表代码:HTML:

和 JS:

当然,它只是较长代码的一部分。我想要这部分做的是用ReloadChart()函数中的新数据重新加载图表。但问题是没有任何改变。在控制台中,我有“重新加载图表”,但图表仍然相同。

我究竟做错了什么?

0 投票
0 回答
461 浏览

arrays - 通过从 json 文件中获取值来创建 Chartist 折线图

我正在尝试通过从 json 文件中获取 x 轴和 y 轴的值来创建折线图,但我无法填充标签和系列,任何人都可以提供任何输入。

示例代码:

示例 json: