问题标签 [chartist.js]

我正在尝试使用 chartist 为条形图创建图例，我使用 chartist 插件作为图例，但我无法将它与图表底部对齐，任何人都可以提供有关如何自定义的输入。（我曾尝试在 css 中使用它，但无法反映我的更改。）

HTML：

JS：

传奇.JS：

也有人可以让我知道如何在条形顶部添加 y 轴值。我尝试使用下面的 css 文件但仍然无法获取标签（类似于 Chartist.plugins.ctPointLabels）但似乎它仅适用于折线图。

CSS：

提前致谢。

我在 Angular JS 应用程序中为我的图表使用 Chartist JS。问题是我在这里看到了这个。有一个JS bin突出了这个问题。对此作者给出了解决方案。解决方案是在 Jquery 中进行 DOM 操作，这很容易做到。然而，使用 AngularJS，您操作 DOM 的方式是通过指令。我在这里创建了一个 plunker，它突出了 Angular JS 中的相同问题，但我对如何将作者提供的解决方案放入我的 Angular 代码感到困惑。这是解决方案

编辑：根据要求更新 JSFiddle，所以我想做的是。我有三个不同的选项卡和三个不同的图表，每当我点击它们时，我应该看到各自的图表。为了使选项卡行为成为可能，我使用范围和模型编写了一个基本代码。这有助于更改选项卡。问题是图表是为第一个或默认选项卡创建的，而不是为第二个和第三个选项卡创建的。作者给出了一个解决方案，但我不知道如何在 AngualrJS 中实现它

我正在尝试将 Javascript 图表库 Chartist 包装在 Polymer 元素中。除了样式，一切都按预期工作。图表看起来没有样式（就像每个图表示例在没有加载 css 时所做的那样）。

我创建了一个样式模块，如https://www.polymer-project.org/1.0/docs/devguide/styling.html#style-modules中所述，将其包含在我的元素中，并带有链接 [rel=import] 和样式标记并将chartist.css的所有内容复制/粘贴到样式模块中。不适用于 Firefox/Chrome。

为了证明样式模块完全被加载和处理，我包含了一个 ul#message 标记并使用指令对其进行样式设置。奇迹般有效。

我想问题是图表师创建了 SVG 图表。有谁知道如何处理样式 SVG 或者可以指出我的方向？

到目前为止，这是我的代码：

风格模块：

聚合物元素：

好的，这个问题可能看起来有点抽象，但让我更清楚一点。这是关于我试图使用名为 Chartist 的图表库来解决的问题。他们有这个称为插件的系统，您可以在其中在图表上添加一些附加功能。现在在这里和本页底部解释了如何编写插件。
现在我创建了一个plunker来演示这个问题......我面临的问题是，每当我单击下拉菜单时，axisTitle 中的值永远不会改变......
您可能会问为什么？
原因是 chartist-plugin-axistitle.js 的这些行

options = Chartist.extend({}, defaultOptions, options);如果您在该行的下方放置一个console.log 。您将在下拉单击时看到选项发生变化......但实际上它们从未改变，除了创建图表时的这一次。现在我以某种方式希望更新的选项反映在返回函数中，但问题是你只能返回一次。

所以问题真的是 我如何ctAxisTitle在更新时一次又一次地调用该函数
所以这是一个设计缺陷吗？插件的设计是否应该改变，如果是的话......如何？或者我可以以某种方式操纵代码来实现功能。

我还创建了一个Github 存储库，让您快速开始使用它

我正在尝试使用 JS 将以下 SVG 字符串转换为图像：

我尝试了所有我能找到的东西，比如simg.js或这个脚本，例如：

但是生成的图像总是“破碎”的，即根本没有出现。具有更简单 SVG 字符串的相同脚本可以正常工作。

我不明白我的字符串到底有什么问题，它由 chartist.js 生成并在浏览器中很好地显示，但似乎罪魁祸首是<foreignObject>元素，好像我删除它们一样，一切正常。

有没有办法用 JS 将该 SVG 字符串转换为图像？

我正在开发一个使用 LESS 作为 CSS 预处理器的应用程序。我也想使用 Bower 来获取 chartist 库，但是文件是以 SCSS 格式给出的。我通过less文件导入scss文件的最佳方法是什么？

我尝试使用@import (less) file.scss，但出现错误“ParseError：第 3 行第 8 列的 chartist.scss 中无法识别指令选项：”其中第 3 行对应

@mixin ct-responsive-svg-container($width: 100%, $ratio: $ct-container-ratio) {

图表上的字体太小，在某些颜色上难以阅读。有没有办法改变这些属性？

我可以这样做使整个馅饼变成红色，但设置颜色或字体大小不会改变：

我想用带有标签的 chartist.js 创建一个饼图（显示在图例中）以及饼图本身的百分比。

这是饼图。我想为碎片添加百分比值。http://i.stack.imgur.com/SiIKb.png

这里（https://gionkunz.github.io/chartist-js/examples.html）是饼图中百分比的示例。但这仅在我不添加标签时才有效。

向数据添加标签（例如标签：['Dog','Cat','Cow','Snake',],）会导致“NaN%”显示。

我想查看饼图本身的百分比，并将标签（用于图例）放入数据中。

这可能吗？

这可能很简单，你可能会觉得很傻，但我很难过。我正在摆弄一些 jQuery 代码，这些代码应该从 2 列 HTML 表中提取数据，然后输出两个一维数组。例如 ['sample 1','sample 2', 'sample 3'...] 用于条形标签，例如 [645, 872, 423...] 用于Chartist图表中的条形值。

编辑：我后来发现“系列”数组应该是二维的，以允许在同一个图表中显示更多数据集。如果只使用一个“系列”数据集，请将括号括起来以将其转换为数组中的数组。

我已经设法将 HTML 表值放入一个 jQuery 对象中，如下所示：

...其中 myTable 是一个 HTML 表格，例如：

问题是我无法将第一列（在“氧化物”下）和第二列值（在“比例”下）放入它们自己的一维数组以输入 Chartist，它基本上需要这个：

我制作了一个JSfiddle，您可以在其中看到数组的输出console.log(tdata);

似乎这些对象以某种方式是多维的，或者发生了一些 jQuery funkiness，因为我还没有设法为 Chartist 提取一维“标签”和“系列”数组。不过，它应该很简单？

我使用Chartist.js的折线图并希望它被填充但仅在左侧直到 X 轴上的某个值。

我的想法是使用两个不同的数据系列，一个填充，另一个不填充。这工作得很好，只是在它弯曲的交界处。

这是我的 HTML：

这里是 JS：

看看和尝试我也有一个小提琴

我想要的是一个系列，但只标记了一部分区域：

我已经尝试通过动态更改 svg 来剪辑该区域，但它是在窗口调整大小时重新创建的，所以这不是一个真正的选择。

这里有人知道该怎么做吗？