问题标签 [canvasjs]

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 投票
2 回答
403 浏览

javascript - 如何实现传感器数据的实时图?

我已将温度传感器连接到 BeagleBone Black [BBB] 板,间隔 1 秒后它会感应温度并传递给 BBB,然后 beaglebone 将其转储到另一台计算机上的 mysql 数据库中。我想以图形格式显示温度数据。图表应该每秒更新一次。

我尝试了各种库,如 c3、canvasJS,但我无法实现实时更新。样本温度数据:

1 : 32

2:33

.

. . . 很快..

以下是我尝试过的 canvasJS 代码

问题是这段代码不会移动,它只会向图形添加新的数据点,因为这个图形变得太复杂而无法查看。

0 投票
1 回答
101 浏览

javascript - 当宽度拉伸时,Canvas.js 显示 12AM(奇怪的错误)

当我将鼠标悬停在这些点上时,为什么canvas.js图表的工具提示显示“12:00AM:0.0645840023”?

JSFiddle:http: //jsfiddle.net/ssjqoa64/2/

如果我扩展容器/窗口宽度,它会显示 12AM bug。极其诡异的bug。

它应该显示日期。

0 投票
1 回答
246 浏览

javascript - 如何使用 canvasjs 创建多个实时图形而不会使 UI 变慢?

我是 JavaScript 和 jQuery 的新手。我想创建多个实时图表,所以在谷歌搜索后我发现我可以使用 canvasjs 实现这一点。我创建了三个不同的 JavaScript 函数,以在单个 jsp 中包含三个不同的图形,并且每个函数轮询到一个单独的 servlet 以获取数据。随着数据点开始在数据系列中累积,我的 UI 卡住并变慢。我究竟做错了什么?绘制实时数据的正确结构应该是什么?对此主题的任何帮助将不胜感激。

我也在发布我的 JavaScript 函数。

0 投票
1 回答
79 浏览

javascript - 如何获取生成的值并插入图表?

您好我是网页设计的新手,我的一些行话可能是错误的。我正在尝试为讲座创建一个图表,显示每个讲座获得的平均评分。我已经计算了 18 节课中每节课的平均值。现在我想获取每个值并将其作为值插入到图中。

以下是我查询和输出讲座的方式:

然后,OnLoad我这样做:

我的目标容器:

目前它看起来像这样

如何将数据库中的值用于 CanvasJS 图形?

0 投票
1 回答
295 浏览

canvasjs - 更改柱形图中 x 轴的标签类型

我正在使用 2 个 canvasjs 插件饼图和柱形图的图表。在饼状图中,元素的标签非常好,它使用所有空格来释放内容,但是如果一个标签的长度很大,则柱状图会被跳过。但我不希望它跳过。所以这是我的问题,有没有办法在柱形图(条形图)中使用标签(仅限 X 轴),就像在饼图中一样?

谢谢你。

注意:我解析它,更改它等等。如果我中断插件本身,一切都会出现另一个问题,所以我需要解决方案。

0 投票
0 回答
66 浏览

canvasjs - 我们可以使用 canvasjs 在图表标签上触发点击事件吗?

您好,我正在使用 canvasjs 创建堆叠条形图。但是我在图表标签上触发点击事件时遇到问题?如何在标签上实现点击事件?

0 投票
1 回答
498 浏览

canvasjs - 右键单击 CanvasJS 图表的数据点的事件处理程序?

你可以在 CanvasJS Charts 的 dataPoints 中添加一个右键单击事件处理程序吗?

我知道文档提到“click、mouseover、mouseout 和 mousemove”作为可用事件,所以我正在寻找一个未记录的功能或实现此目的的技巧。

0 投票
1 回答
2577 浏览

twitter-bootstrap - Canvas JS 图表在 Bootstrap 选项卡中未正确显示

我正在使用引导选项卡来显示月度和周度图表。当我选择第二个选项卡图表不适合时,图表在第一个选项卡中正确加载col-md-3。如何修复此错误?

http://codepen.io/rajumax/pen/LGQoRN

0 投票
1 回答
1814 浏览

javascript - 画布 js 图表在 Bootstrap 3 布局中没有正确响应

我是 UI 开发人员,我正在使用 Bootstrap 3 和 Canvas Js 图表,如饼图、柱形图。我决定在桌面的每一行中放置两个图表。它可以正常工作。但是当我调整浏览器窗口的大小时,它不会在移动设备中堆叠两个图表。相反,饼图消失了,只有第二个图表可见。为什么会发生这种情况。

在桌面设备中 桌面设备

当我检查它的移动设备时。饼图消失了 在移动设备中

这里的代码

0 投票
1 回答
140 浏览

canvasjs - 反方向的角度标签?

目前,CanvasJS 似乎只支持一个方向的角度标签(基线在左侧),如下图所示。我想以相反的方向旋转文本(文本的基线位于右侧),如箭头所示。

CanvasJS 图表标签

到目前为止,我已经尝试将axisX labelAngle 设置为90、270、-45、-90 和-270。这些都没有导致基线像我想要的那样向右移动,并且都将文本强制设置为最大 90 度,基线在左侧。

这在当前版本中可能吗?@Devs:如果当前版本不可用,是否可以添加对此的支持?