问题标签 [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 回答
216 浏览

zingchart - ZingChart - 形状作为标签

我需要在我的图表上添加一些额外的标签,所以我使用了形状。结果如下:http: //jsfiddle.net/z3n3qobm/91/

但我需要将示例中的圆圈与 X 轴的标签对齐。图表必须是响应式的,并且标签的总数取决于数据库。

我有一个函数可以在“%”中生成形状的初始位置,但是当我更改窗口大小时它会错位。

我做了一些计算,但是当图表调整大小时,它并没有保持固定的比例。

有人知道如何在 X 轴标签的同一位置使用形状吗?

0 投票
1 回答
177 浏览

javascript - Zingchart x 轴标签项即使在提供 text-alalign:center 后也没有居中对齐

我正在尝试 zingchart,但即使在提供它text-align:center之后,x 轴的项目也没有居中对齐

我的目标是使项目标签与相应的栏居中对齐。它在 jsfiddle 中工作,但不在我的页面中。

结果如下: 结果

我的图表代码如下:

0 投票
1 回答
154 浏览

javascript - Zingchart - 使用 Shift 键和 MouseMove 进行平移

我想在我的 Zingchart 中实现一个平移选项。当我在按下 Shift 键的同时移动鼠标时,我想在图形中平移。我可以使用 Zingchart Json 实现这一目标吗?

提前致谢!

0 投票
1 回答
701 浏览

javascript - Zingchart - 将函数传递给工具提示

是否可以将函数传递给 Zingchart Json 中的工具提示键?

到目前为止,我尝试了以下方法:

}

但该函数按原样获取字符串“%kt”,而不是悬停图的所需 X 值。那么如何在函数中传递 X 值呢?

0 投票
1 回答
207 浏览

javascript - Zingchart - 图表中隐藏了一些点

我使用 Zingchart 绘制一些日志数据,因此我需要显示图表中的每个点。我激活了 json 中的 points 属性(见

对于完整的 json)。

如您在此屏幕截图中所见没有缩放的图形

读取的图表的一些点被绘制,但没有蓝色的点。当我放大:

带缩放的图形

显示蓝色图表的一些标记。这是一个错误还是我必须激活我不知道的 json 中的其他属性。

提前致谢!

0 投票
2 回答
1527 浏览

javascript - 我想更改每个所选城市或子城市的图表

我用 AngularJS 开发了一个简单的应用程序,我想添加一个基于这个网站Js Charts的简单图表

这是我的data.json:

我在这里调用我的数据。

索引.html

结果:_

在此处输入图像描述

我想从属性name元素的城市中提取

我想更改每个选定城市或子城市的图表。例如,如果我选择子城市,sub A1我需要获得如下图表:

在此处输入图像描述

请帮我 !

更新

我试图只使用一个数据源文件

我在这里调用了我的数据:

索引.html

但仍然无法正常加载图表

我有一个错误:

TypeError:无法读取未定义的属性“类型”

更新 2

我在 plunkr 中设置了这个:plnkr

更新 3

请你能告诉我如何删除这个Powered by ZingChart

在此处输入图像描述

0 投票
1 回答
480 浏览

events - angular2 chart and events

I am using zingchart in my angular2 application and came a cross this problem. My data for the chart have changed i need to rerender the chart and I just don't know how to do that? this is the plunkr that the zing chart team provided with my button of rerender. I don't know how to rerender the chart. https://plnkr.co/edit/OjqvVPiyKBUJbKgcLi6A?p=preview

0 投票
1 回答
180 浏览

javascript - Zingchart 无法正确绘制超过 10 列的 CSV

设想:

我需要从具有固定列数 (37) 的 CSV 中绘制 Zingchart 中的数据。此 CSV 有一个标题,将定义图表的图例。

问题:

如果我在标题中定义的元素数量小于 10(包括 X - Axis 名称),那么一切都很好。前九列有一个适当的图例,其他列使用默认命名Series XX链接到要点

在数据中,我尝试过使用引号"'但它并没有改变行为。

但是,一旦我继续使用 CSV|分隔符在标题中包含元素,事情就会开始出错。理想情况下,文件应该是这样的:

但随后输出完全混乱。链接到要点

我在本地运行的图形的 HTML 代码具有相同的结果:

问题:

我究竟做错了什么?

0 投票
1 回答
401 浏览

angularjs - ZingChart 根据 X-Scale 更改绘图 CSS

我正在使用带有 AngularJS 的 ZingChart。

我有一个简单的图表,但如果它在过去(如果 x 比例日期 < 当前日期),我希望我的情节是红色的。

我发现我可以设置一些规则来

如果绘图值在 20-30 之间,哪个会改变 css。我的问题是-> 如何根据 X 比例值更改绘图背景颜色?我无法在 plot 属性上引用 x-scale 属性..

0 投票
1 回答
96 浏览

javascript - Zingchart 最后一个元素不断改变颜色并且与图例不匹配

我的 zingchart 的最后一个元素的颜色与图例不匹配,并且与其他元素不同,它不断变化。有任何想法吗?其他一切都很好。虽然我是通过 MySQL 数据库解析这些数据,但这就是 JavaScript 的样子。

我的代码: