问题标签 [ngx-charts]

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 回答
1934 浏览

angular - 如何使用 ngx-charts 返回 html 标签

我使用 ngx-chart 来创建一个类似薄的饼图:

模板

零件

用这样的数据发送数组

但是我需要使用 html/css 标签发送我的数据来个性化标签,我尝试使用它的返回函数但不起作用。

0 投票
1 回答
1284 浏览

ngx-bootstrap - Ngx Admin 加载需要 10 秒,如何提高速度?

因此,我的 NGX Admin 安装需要 10 秒才能加载,而演示,尤其是位于此处的文档实例以 2 秒的超速度加载!https://akveo.github.io/nebular/#/docs/

他们是如何做到如此快的 1-2 秒,而对我来说加载一个 ngx-admin 实例需要 10 秒?请帮我提高速度

0 投票
1 回答
1092 浏览

angular - 如何使用 ngx-charts 在 y 轴的值前面添加 $

我有一个与 Angular 和 TypeScript 相关的问题,使用https://swimlane.gitbooks.io/ngx-charts/content/charts/bar-vertical.html我试图让 y 轴 = 100 美元,200 美元, $300 但如果我设置 $ + 一个数字,它会返回一个错误Error: <path> attribute d: Expected number, "MNaN,NaNhNaNhNaNv…".

看起来对象的值必须是数字!但我想要一个 $ + 号码。我该怎么做?

这就是我目前拥有的。

modifiedBarGraphValues[i].value = this.amountObtained(weekEarnings[j], payRate);

0 投票
1 回答
3479 浏览

ngx-charts - 使用 ngx-charts 生成组合图

我需要堆积条形图和折线图之间的组合图,你能帮我举个例子吗?我正在阅读此文档: 组合图表演示

但我无法理解这个例子。

0 投票
3 回答
8820 浏览

angular - 在 Angular5 中提供服务 =“不是函数”

我想覆盖来自其他模块的服务,但出现错误“不是函数”

在我的组件(模块 1)中,我注入了服务

在模块 2 中,我覆盖了提供程序中的服务

这是 MyChartProgressService

在我的组件中调用 this.chartProgressService.getValue() 返回错误

我想我需要你的帮助!谢谢!

0 投票
1 回答
2356 浏览

angular - 如何使用 NGX-Graph 创建具有不同形状的 DAG(图)

我想创建具有自定义节点形状和自定义颜色的图形。我还希望边缘带有标签。如何使用 NGX-Graph ( https://swimlane.github.io/ngx-graph/ )做到这一点

例如这是我要构建的图表示例。

0 投票
1 回答
1115 浏览

css - ngx-charts-gauge 标题颜色无法修改

我正在尝试在 angular5 应用页面上添加 ngx-charts-gauge。

遵循这些:https://swimlane.gitbooks.io/ngx-charts/content/charts/gauge.html

一切正常,除了我找不到任何方法或属性或信息来更改大中心标题颜色......它仍然是黑色的!

我试图覆盖 css 类......没有机会。

任何帮助,将不胜感激。

谢谢。

0 投票
2 回答
1717 浏览

angular - Angular ngx-charts如何获取x轴编号

我有一个 Angular Ngx 垂直图表,我只需要获取 x 轴编号。我想在 onSelect 函数中使用这个 x 轴编号。

网页:

数据源 :

[ {userId: 5, name: "用户名示例", value: 69.6} ... ]

事实上,我想获得“ userId ”部分,但我做不到。当我选择一个酒吧时, onSelect只获取“名称”和“”部分,而不是 ' userId”部分。

实际上,我想要与这些东西完全相反的东西:https
://github.com/swimlane/ngx-charts/issues/409 这里想隐藏 allData 但我想在单击栏时获取所有数据。

所以我认为:

  • 获取x轴编号
  • userId = dataSource[xAxisNumber].userId;

我怎样才能做到这一点 ?

0 投票
1 回答
609 浏览

angular - ngx chart 气泡图 - 自定义数据输入

我已经为我的项目使用了 ngx-chart 气泡图,但是当数据以以下格式出现并且图表中断时:

我已将“x”、“y”和“r”属性名称更改为“等待时间”、“实时”和“队列大小”。它抛出类型错误。如何使气泡图与这些数据一起使用?

0 投票
4 回答
6651 浏览

angular5 - ngx-chart 错误“TypeError: Object(...) is not a function”

我正在尝试在我的开发平台中实现一些统计数据,并尝试使用 ngx-charts 来显示它们。但是我得到一个错误,我不知道为什么。

我正在使用从 Java Restful 后端调用的 MySQL 统计数据的 storedProcedures,并在 Angular 5 前端返回它们。返回的表有以下两个字段:日期和每天的事件数。所以后端返回的表有这两列。

我渲染图表的组件代码如下:

但是,当我运行上面的代码时,我在 JavaScript 控制台中得到了错误:

我的 HTML 模板文件:

而检索值的服务是:

我究竟做错了什么?