问题标签 [zingchart]

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

zingchart - ZingChart - 如何将所有“scale-yn”对象放置在图表的左侧?

ZingChart 似乎会自动将所有(除了第一个)比例尺对象放在图表的右侧。

有没有办法将所有 y 轴放在图表的左侧?

谢谢你。

0 投票
1 回答
922 浏览

zingchart - 如何在 ZingChart 中为 x 和 y 轴添加标题

我想使用 ZingChart 为 x 和 y 轴添加标题。例如,如果我的 x 轴显示年份(2010、2011、2012 等),我希望标题“会计年度”显示在每个年份标签下方

同样,如果我在 y 轴上测量收入,我可能会在其中看到 1,000,000、2,000,000 等标签。我想在 y 轴上添加一个标题为“年收入”。

我在文档中找不到任何关于此的内容。

0 投票
1 回答
607 浏览

zingchart - 使用 ZingChart 的多维堆积条形图

我正在尝试使用 ZingChart 创建一个多维堆叠条形图。据我所知,这是:

堆积条形图

由于某种原因,图像未显示。它的链接是(https://drive.google.com/file/d/0B14IyWv9zwZ9a0hWR0lXTDZQXzQ/view)。

在此示例中,每个条形代表一个产品(有 3 个产品),对于每个条形,我想按区域显示细分(有 4 个区域)。因此,每年最多有 3 个产品栏(针对 3 个产品),然后每个产品栏最多有 4 种颜色(针对 4 个区域)。

虽然条形本身是正确的,但图表有一些事情没有正确执行:

  • 正如图例所示,每个区域的每个产品都有一个单独的颜色。应该只有 4 种区域颜色,它们在产品之间重复使用,但在这种情况下,有 12 种区域颜色(3 个产品 x 4 个区域)
  • 我想标记每个条以指示每个条与哪个产品相关。这可能是 x 轴上年份标签上方的额外标签,或者显示产品的每个条上方的标签。

我在 ZingChart 网站上查找了类似的示例,但所有堆叠的条形图都是“一维”的。在 Tableau 中,这样的事情很容易做到。

0 投票
1 回答
743 浏览

zingchart - ZingChart中饼图大小设置

我有一个包含多个饼图的视觉对象(我有一个包含多个单独饼图的图形集)。我希望每个饼图的大小能够反映每个饼图中数据的大小。例如,显示 2010 年收入为 1,000,000 美元的饼图将小于显示 2014 年收入为 2,000,000 美元的饼图。

但是 size 属性似乎对每个饼图的大小没有影响,不管我是只使用数字还是数字加“px”。

此功能实际上是否适用于饼图?如果是这样,有人可以证明它。

0 投票
1 回答
219 浏览

coldfusion-11 - How can I access the column/bar total in my bar chart?

We're trying to convert our cfcharts to use ZingChart JSON styling, as we'd like to upgrade to CF11 which wrecked all our charts.

I'm currently trying to set up the legend for a bar chart. Previously we were using this xml styling code in the cfchart to include the label and the total for each bar in the legend:

In my example, the bars represent years, so an example of a legend item would be "2013 Total:34".

How can I accomplish this using ZingCharts? My legend code so far looks something like this:

0 投票
1 回答
626 浏览

javascript - Zingcharts 实时提要不呈现图表

所以我一直在尝试 ZingCharts,总的来说我很喜欢。但现在我正在尝试创建一个实时提要,但文档并不是那么清楚。我正在尝试使用 HTTP 使用新值更新图表。似乎我需要一个页面来发送带有更新值的图表数据,这就是我正在做的事情。当我直接在浏览器中传递 JSON 但不是作为实时提要时,此图表正确呈现,它现在仅强调从 /metrics_feed 正确提取的文本并呈现图表的轮廓,但它都是灰色的。我通过 HTTP 发送的 JSON 是:

我计划每秒钟左右更新一次这些值。这是我的 HTML 端代码:

当我在其中复制直接 JSON 而不是通过 HTTP 发送它时,这一切都有效,所以我想在 Zingcharts 文档中缺少一些东西。

0 投票
2 回答
9874 浏览

json - 如何为图表中的所有文本设置字体属性?

我有一个具有外部 JSON 样式文件的 ZingChart(通过 cfchart)。如何在不单独设置的情况下为图表中的所有文本设置字体属性,例如字体系列、字体粗细、字体大小?

到目前为止我的 JSON 文件:

我知道我可以为所有 scale-x "item"s 单独添加它:

但我想为图表中的所有文本添加它。

0 投票
2 回答
961 浏览

javascript - zingcharts 使用时间作为多条线的 x 轴

所以我试图做一个相当独特的案例来绘制它。我想使用时间作为我的 x 轴刻度,我将绘制 2-5 条线,每条线在数据点之间的时间量不同。我正在使用 zingcharts,他们对一般比例元素有一些很好的文档,但我不知道这是否可能。

现在他们在相同的时间步长上绘图,然后数据点较少(点之间的时间较长)的那个最终会更短,并且不会以真实的方式显示。当我只有一个图表并使用该数据的时间戳但它不适用于两个图表时,它工作正常。

这是我需要在后端处理的事情还是可以在前端的 Zingcharts 中完成?

这是我的单个情节的 javascript,可以正常工作。我是否需要更改它以允许具有多个图的上述时间尺度?

0 投票
1 回答
342 浏览

coldfusion - cfcharts 绘制来自 cfquery 和 cfloop 的值框 png(带数字)

我需要创建一个生成的基于 png 的图表文件,其中带有带有数值的绘图标签,如下例所示。我在 Coldfusion 10 上,所以这是使用更新的 ZingChart 引擎。您看到的示例是由ZingChart Builder 制作的。

在此处输入图像描述

顺便说一句,我可以将基本图表绘制到 png 文件并检索它,然后查看它!我可以把我的 X 和 Y 东西弄好。我可以让我的系列以图例的形式呈现,我可以做基本的定位工作,我可以做不同的图表类型。我似乎无法对 json 覆盖的东西做任何事情,尤其是绘图栏标签。

我提供的代码来自我从互联网上搜索的一个示例以进行测试......但它应该很好地失败(就像我一整天一样)。

我处于集群环境中,这些图表不提供 HTML,因此使用 png 解决方法。另外,我必须像图像一样拥有它,因为图像可以缩放,我可以导出为 PDF,它看起来正确,服务器渲染并拍摄到客户端,所以我几乎没有客户端延迟。

现在。#plot# 中有变量替换,等等......正如你在上面看到的(我没有看到我尝试过的“任何”json 东西工作(一整天)(有很多不同的方法/组合来制作一些东西)发生)。它要么失败并出错(因为我犯了一个错误),要么什么都不做(这太棒了)。

上面那个 json 的东西可能有问题,但我再次,我用新的 json 尝试覆盖了一个又一个的变化,内联 json 也是,简化了等等。

我认为应该发生的是 plot value:box text: v% 应该(通过童话般的魔法)将 chartdata value 参数中的任何值作为条形上方或下方的一个不错的数字返回(或者我希望如此),但是它什么也没做,所以我无法测试我的期望。

如果需要更多详细信息,请告诉我...

PS 和仅供参考:我不能处理其他图表包。

0 投票
1 回答
1433 浏览

zingchart - 如何强制 Zingchart 刷新

我们使用套接字库从我们的服务中下载数据。我正在执行以下操作,将这些数据发送到 zingchart(数据按摩后):

图表不会刷新。我们希望他们感觉像实时。