问题标签 [ngx-charts]

Chart.js 与来自Chartjs 链接的数据

代码屏幕 图片

我想使用 Ngx-chart 库的折线图。但是我无法更改在线上显示的点的颜色。

因此，如何更改用于点的颜色或为 Ngx-chart 折线图中的点提供自己的颜色？

在 line-chart.html 文件中

并且在 line-chart.ts 文件中的图表配置将如下所示

在上面的代码输出中，它在图表中显示了 2 条线，但我想为每个学生制作一条线，就像每个学生都会有一个表示学生分数的图表，所以图表中会有一条线，其中的点将以不同的方式显示根据标记类别的颜色，例如标记 >50 点颜色 = 绿色标记 >70 点颜色 = 粉红色等。

我正在尝试从服务中获取 NGX-Chart 坐标。

它通过使用包含数据的静态对象来工作，但是，如果我尝试调用 PHP 服务动态加载数据，则图表不会加载。

PHP服务文件'service.php'

我错过了什么吗？？？？？？

我目前正在使用 ngx-charts 版本 10.0.1 来绘制 Treemap 图表。我的 Angular 版本是 7.2.1。它在 Chrome 中按预期工作，但标签未在 IE11 中显示。在页面加载时，我在 IE 控制台中看到以下错误：

TypeError: Object does not support property or method 'forEach' （注意：我正在编写 forEach 循环来处理来自后端的数据，我也尝试将其转换为普通的 for 循环，但它没有解决问题。）

TypeError：无法设置未定义或空引用的属性“指针事件”。

与 Chrome 相比，悬停和点击动作的动画也非常慢。我可以在工具提示上看到标签和值。

到目前为止我尝试过的事情：-

1) 我很少看到论坛并安装了 classlist.js 并在 Index.html 中包含以下链接

2）我还添加了animations.js并安装了它。3) 尝试将 ngx-charts 恢复到版本 8.1.0。

但上述技术似乎都不能解决问题。

以下是我的 Polyfills.ts 文件中的代码：

是否可以自定义 ngx-charts 库以始终显示工具提示而不是悬停？

我想用 ngx-charts 制作一个高低图。它会将 0 绘制为低，将 1 绘制为高。在低和高之间有一条垂直连接它们的线（不像标准实现那样对角线）。基本上，[0,0,1,0] 将被绘制为 _ _ | ‾ | _ 但线路将被连接。我会发布一张图片，但我没有足够的声誉。

我已经看到可以将 d3 曲线函数注入图中，我怀疑自定义函数可能会产生预期的效果，但我不熟悉 d3 曲线函数。

我有一个显示线系列的折线图。

如何始终突出显示数据点？

目前只有当鼠标悬停在它上面时才会突出显示一个数据点。

或者是否有任何其他图表类型可以在图表上提供数据点？我测试了气泡图，但它只适用于时间和数字作为 X 轴。我需要使用字符串作为 X 轴。

我更准确地使用ngx-charts bar- horizo​​ntal 。我要做的是格式化数据标签并在最后添加 % 。我曾尝试使用[xAxisTickFormatting]但它不起作用，因为据我所知，我的值不在ngx-charts-x-axis上，而是在ngx-charts-series-horizo​​ntal 上。

ngx-charts 使用如下：

我也尝试过格式化数据数组（我知道这很愚蠢，但我试过了:)）

通过添加价值： s.count + '%'。

那么，我应该如何格式化数据标签并在值后添加“%”？

这是我的图表

我在以 json 格式显示从 API 下载的数据时遇到问题。数据在饼图中不显示/刷新，ngx-chart，静态数据运行良好。我已经阅读了有关 ngx-chart 和 Angular 的所有帖子，但我还没有找到解决问题的方法。

ts 代码

模板文件：

//API 响应

各位开发者您好，

我一直在使用 ngx-charts 来制作图表，到目前为止一切都很好，但是当我尝试将图例的位置移动到下方时，它就像超出了图表的边界，无论我做什么我都可以看不太清楚，旁边留了一个空间，好像要放在那里一样。

我分享了一些我正在使用的代码和一个小图像进行采样。

如果您看到下面的链接，您会注意到图例超出了边界并且没有显示。

图表图像