问题标签 [chartist.js]

下午好，

我正在尝试使用 ChartistJS 呈现图表

奇怪的是，如果我调整窗口大小，我的图表数据就会显示。

这表明我正在使用不完整的数据渲染图表。

目前我正在使用我的 API 服务来获取我的数据。

我发现这个链接看起来像一个类似的已解决问题，但实际上很难实现它。

在此处输入链接描述

下面是我的组件

我很想在这里得到你的帮助

谢谢

全球气象站

chartistJs.component.ts

我尝试从 json 数组创建图表线图形。

返回

我的jQuery

系列必须是数组的数组

我的PHP代码

返回

我最近开始使用Meteor构建工具Chartist来表示我的数据。

我有图例模板的java脚本（来自互联网）

模板.js

HTML

以及相应的导入语句为

我使用了类似的导入语句，它们按预期工作。

工具提示插件导入也有类似的错误"TypeError: Chartist.plugins.tooltips is not a function"。

我使用过的相应 NPM 语句。

谁能帮我解决这个问题？

我见过关于这个主题的类似问题，但从未在 Firefox 中看到过这种情况。我在运行 Yosemite 的现代 Mac 上使用 Firefox 49.0.2。

我刚刚添加的代码一直保留到我打开开发者控制台：

之后初始化的图表甚至可以正常加载，它只是空的。即使我的开发者控制台最初是打开的，实际数据也不会出现，直到我简单地调整开发者控制台的大小。似乎开发者控制台上的任何触发器或操作都会引入数据。

最初打开开发者控制台，重新加载页面，甚至等待 10 多秒以防万一：

调整开发者控制台的大小后只有几个像素：

有人知道如何在 JavaScript 图形库中将灰色 x 和 y 比例更改为黑色chartist-js吗？我查看了 CSS 文件，但似乎找不到任何东西。

有谁知道 Chartist.js 是否可以确保水平条形图占据图表容器的整个宽度？

如果您查看屏幕截图，您会发现灰色条没有占据整个宽度，根据示例我会认为该系列中的最高值数据点将被缩放以填充到图表的末尾（并且轴相应地缩放）。

见截图。

我正在 Framework7 中构建一个小型应用程序，使用 Chartist 来做一些图表。例如，我创建了一个 jsfiddle。你可以在这里看到它：https ://jsfiddle.net/emergingdzns/hpr6u8uk/1/

问题（如您在示例中所见）是垂直条上的长标签被切断。有什么办法可以解决吗？

这是javascript：

这是HTML：

我正在使用 chartist.js 创建一个图表，并使用 FixedScaleAxis 来精确控制我的 y 轴上的点。

但是当我这样做并添加一个高度时，x 轴会显示在图表内，而不是在图表下方。请看小提琴

http://jsfiddle.net/Lnhpwn8x/19/

I have set up a js fiddle which demonstrates how axis labels can be rotated, based on an issue raised on github. It works fine in the js fiddle example below, but when I try this on my site the labels are not visible.

http://jsfiddle.net/Lnhpwn8x/22/

If I resize the screen to make it smaller the labels appear, so I think the issue is to do with the size of chart and that it is taking up 100% of the width

我现在可以显示带有动态数据但图表数量固定的图表。当我想显示动态数量的图表时，ng-repeate 会发生一些事情。我说发生了一些事情，因为如果在mycharts[0].container.outerHTML中我有显示图形所需的 html（由库生成），并且如果我复制并粘贴到我的 html 中的固定位置，它将显示图表。我的ng-repeate代码如下所示：