问题标签 [zingchart]

在此页面上： http ://www.zingchart.com/docs/chart-types/pie/

许多示例饼图显示每个切片的百分比。但我无法重新创建这个。你如何在每个切片上显示百分比。请注意，我还将分别拥有连接到每个切片但在其外部的文本，它使用“文本”属性作为每个切片的标签。

此代码取自以下使用 ZingChart 的教程。 http://www.zingchart.com/blog/2015/03/05/zingchart-angularjs/

我的代码如下所示：

当我尝试在 chrome 中渲染它时，我只得到一个空白页，并且出现以下错误：

未捕获的错误：[$injector : modulerr] http://errors.angularjs.org/1.3.14/$injector/modulerr?p0=myApp&p1=Error%3A%…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.14 %2Fangular.min.js%3A17%3A381)

我一直在寻找类似的错误，但他们的解决方案似乎无法解决我的问题。

当我尝试加载我的网页时出现以下错误：在预检响应中 Access-Control-Allow-Headers 不允许请求标头字段 Access-Control-Allow-Origin。

我查看了响应此问题的其他答案，它们表明缺乏 CORS 支持。令人困惑的是，我有 cors 支持！至少我认为我会。

我正在尝试将 Zingchart 连接到我的 Angular JS 前端并使用 AJAX 请求从我的 REST API（在 localhost:3000）获取数据

这是我的 AJAX 调用：

我的 REST API 实现包括以下内容：

我的 REST API 是在本教程的帮助下构建的：https ://www.youtube.com/watch?v=OhPFgqHz68o

当我从 REST API 获取数据时，我的 JSON 响应如下：

[{"_id":"5686ec582df17bea255ec3c2","litres":3,"minute":54,"__v":0}, {"_id":"5686f4b22df17bea255ec3c3","litres":4,"minute":55, "__v":0},{"_id":"568bda9531906b7020d48664","litres":5,"minute":56,"__v":0},{"_id":"568be3dc31906b7020d48665","litres":12, “分钟”：57，“__v”：0}]

我想要一个折线图，y 轴上是升，x 轴上是分钟。

我如何解析我的 JSON，以便它在 ZingChart 中以正确的格式用于此类图表？

我目前正在构建一个要在其中显示直方图的应用程序。问题是我无法使用 zingchart 正确渲染直方图......我希望 scale-x 的刻度放置在数据点的每一侧，而不是集中在它们上，因为它们代表直方图箱的边界。

下面是使用 numpy 包上的 histogram 函数计算数据以创建直方图的 python 函数。

然后在视图中使用这个直方图数据来渲染 zing 图表（这是一个 Jinja2 模板，因为我使用 Flask-framework）：

（我曾经问过类似的问题，但问题又出现了。）

我有一个使用 ZingCharts 的非常简单的饼图，但即使 ZingCharts 网站上的所有示例都显示每个切片的百分比，我也无法显示百分比。请注意，我使用的是值框。我正在使用来自 CDN 的最新版本的 ZingCharts： https ://cdn.zingchart.com/zingchart.min.js

请注意，我正在寻找显示在切片上的百分比，而不是在值框中，该值是通过一行附加到每个切片的文本。

这是我的代码：

我想使用标准饼图，而不是更多效果的饼图。

我正在处理这个 zingchart：

我已经修改了图表以添加绘图等。但是，在尝试动态修改 X 和 Y 轴的标签时出现错误。我正在使用 JQuery 包装器，并根据我的更新对象：

但这会引发一个错误：Uncaught TypeError: Cannot read property 'length' of undefined在这部分（我知道它已被最小化，除非您开发了 zingchart，否则不会有太大意义）：

在里面case "updateobject":

我不确定我是否正确使用了对象更新，但这似乎是文档中的工作方式。我可能遗漏的任何想法？

编辑： 我无法重现此jsfiddle中的发生率，但我也无法使其工作。

编辑2：

我认为涉及到这一点，它设置p为undefined：

并且r.o是：

此演示显示了一个有效的示例UpdateObject：

似乎labels会找到下面的对象（这就是我在 a +"s"in之前看到的原因p = r.o[G + "s"]）。这可能意味着我使用错误的方法来修改“scale-x”内的标签。

我正在尝试设置 ZingChart，以便从本地 CSV 文件中绘制数据。

我有一个使用 csv 和 data-string 属性的工作示例，可以毫无问题地呈现图形：

但是，更改 csv 使其链接到文件会引发错误：

ZingChart 加载 CSV 文件时出错

在 ZingChart 教程中有指向 JSFiddle 的链接，因此您可以自由编辑 javascript 并查看结果。如果他们使用 csv/url 配置选项，我也会在他们身上看到相同的错误屏幕。

我错过了什么吗？

我使用 .Net 4.5.2 在 ASP.Net Web 表单中制作了一个 Web 应用程序。我正在使用 Zingchart 免费版创建和导出图表。该站点在 https 上使用。http被禁用。

zingchart 的“导出”功能在 http 模式下正常工作，但在 https 上访问时无法正常工作。我无法导出为任何格式（pdf、png、svg）。

我需要做什么才能让 zingchart 导出在 https 上工作？

提前致谢...

我正在尝试在 CF11 中修复我的 cfchart，使其看起来与之前的 CF9 相似。我转换了我的 .xml 文件，而是使用 JSON 来设置元素的样式。我无法解决的问题是cfchartseries。我在图表系列中传递的数据看起来不错，在测试图表之前，我尝试在屏幕上输出所有内容。在 CF9 中，我的时间记录显示在屏幕上，从第一个值一直到最后一个值。这是我在 CF9 中的图表的屏幕截图：

正如您在上面的图片中看到的那样，我的所有时间段都按从最低到最高的顺序显示在屏幕上。我的 2015 年记录也显示为蓝色条，2016 年为粉红色。现在，我将向您展示我的图表，其代码与 CF11 中的代码完全相同：

您可以看到我在 CF11 中的图表以当前年份 2015 和不应出现在第一个位置 1415 的时间段的蓝色条开始。此外，我的其他时间段也未显示在屏幕上。我已经非常努力地完成了这项工作，但仍然没有找到任何解决方案。我想知道是否有人可以帮助解决这个问题。下面是我的代码，我将向您展示 CF9 和 CF11 的代码。

CF9中的图表代码：

我在 CF11 中的图表代码：

为了获得 CF11 中的任何记录，我必须删除我的第一个 CFCHARTSERIES，但如果我结合了 2015 年和 2016 年的记录，我的图表不会在屏幕上显示值。我认为这个问题出在 CFCHARTSERIES 但我不应该改变什么来解决这个问题。如果有人可以提供帮助，请告诉我。

提前致谢！