问题标签 [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 投票
3 回答
1552 浏览

javascript - 浏览器提示:找不到变量:$?

我对 javascript (jquery/json) 很陌生,我已经编写了这段代码来渲染一个CanvasJS带有 php/json 数据获取脚本的图表。

但是,当我在其中实现代码时,图表不会显示。当我Console.log()在网络浏览器中使用它来查找 ReferenceError 时,它说:Can't find variable: $ ...Chart.html:11

我尝试了很多事情,并且阅读了许多 [重复] 问题/答案,说我没有加载 Jquery 库和许多其他选项。我试过实现这一行:

而且我尝试了很多变量,但我认为我不明白我可以在我拥有的这两个代码中使用更多..

任何指向正确方向的点都会很棒。

图表.html

在上面的代码中,它涉及这部分:

$(文档).ready(函数 () {

以及用于获取 JSON 数据的我的 php:data.php

我知道堆栈溢出社区总是需要更多信息,但是看在上帝的份上,我不再知道了,我真的很想学习这个。

编辑-1:

这是我所知道的,但没有结果。

EDIT-2:默认代码,其工作原理:

这是不使用我的 data.php 代码并使用随机数据点作为数据源的默认代码。它来自 Canvasjs,效果很好。

0 投票
1 回答
1731 浏览

javascript - 在canvasJS中添加一条水平线

我正在制作一个带有多个面积图的舒适度图表。我想画一条水平线,使它成为水平线。我正在获取区域图表数据。但我无法获取线路数据。我必须自己创建它。请帮忙。

提前谢谢。

0 投票
1 回答
54 浏览

javascript - 在新选择新图表时未绘制

我正在使用以下脚本在选项选择时使用 canvasjs 绘制折线图:

但是,当我选择 saab 选项然后更改为 volvo 选项时,不会呈现新图表 - 它是旧图表。

0 投票
1 回答
292 浏览

javascript - 如何正确传输 Javascript 代码?

我有两个代码,都生成折线图。但是,第一个不使用 mysql 数据源,它使用随机数学生成的数据点。但它使用刷新间隔,因此是实时的。

第二个代码实际上确实使用了 mysql 数据源,并在折线图中显示了我的数据库中的数据。但是它不是实时的,因为它没有刷新间隔功能。

我试图将第一个代码的刷新间隔/图表更新代码部分转移到我的第二个代码,该代码不是实时但使用真实数据源。

这是我的实时代码,带有随机数据点:

这是我的静态折线图代码(非实时),但使用真实数据源:

这是我到目前为止所尝试的:

但它一直在说

第 42 行的意外标记 ')'

我很尴尬,但由于所有的手镯/括号,我找不到解决方案。我已经尝试了一切。有 ) 和没有 } 但似乎没有任何效果。

如果解决了,代码的时间位置可以吗?

编辑:第一个问题已解决,新问题:JS 定位

输出:

找不到变量:updateChart

0 投票
0 回答
198 浏览

javascript - 我的 Canvasjs 图表不会 updateInterval?

我有这段代码,由我自己的代码和 Canvasjs 的模板代码组成,它使用 Canvasjs 的 API 来制作图表。

一切都很好,我很好地调试了它,图表以我的数据库数据作为源显示。我的数据库数据从一个文本文件中读取数据,该文本文件包含来自基于 Arduino 的脉冲传感器的数据。

这是我的代码:

为什么dataLength = 40; 和 updateInterval=20 和最后一行:updateChart();

不工作?updateChart() 中应该有类似 updateChart(dataPoints) 的东西吗?

为什么我的图表没有显示,尽管我有正确的代码部分?

编辑

这是在没有数据库数据的情况下工作的模板代码。这是一个实时图表。它每秒左右更新一次。

如您所见,它就像我的代码一样。但是,这使用 math.randomize 数据而不是数据库中的真实数据。

我的问题:为什么我的图表不会不断更新(实时),所以它会显示变化?我的图表保持静止。我必须手动刷新它以显示新的数据传输。

0 投票
1 回答
1690 浏览

javascript - 循环以在 Javascript 中生成数据点

我正在尝试为两种(或更多)产品(即驱蚊剂和液体肥皂)生成面积图。我正在使用 JavaScript 库 CanvasJS 来做到这一点。问题是我在这里需要大约 2000 个数据点而不是 4 个硬编码,问题是我无法为两个(或更多)产品生成一个 for 循环来为我执行此操作。谁能帮助我如何创建这个循环?

0 投票
1 回答
2208 浏览

javascript - 2个canvasjs图表在一页问题中,

我试图将 2 个 Canvasjs 图表放在一个 html 页面中。我已经包含了 jquery,当我只放一个图表 div 时它可以工作,一旦我添加第二个图表,它就会显示错误,只显示一个图表。

我想在一个页面中显示 2 个或更多图表,可以吗?

这是我的代码。谢谢你

0 投票
1 回答
331 浏览

javascript - 在 canvas.js 气泡图中加载文本内容值

我正在尝试制作一个使用字符串数据来说明的气泡图。我要做的是:

但似乎 canvas.js 不允许在 x 和 y 数据点上使用字符串。我已经尝试过使用名称,但它不起作用。我该怎么做才能让我的气泡图在 x 和 y 轴上显示字符串值?

0 投票
1 回答
70 浏览

jquery - CanvasJS 图表未填充

我正在尝试使用来自 RESTful Web 服务的一些数据填充折线图(CanvasJS)。

出现在我面前的 JSON 数组如下所示:

即,两个数组(我想在图中的两行中转换)。在我的 jQuery 代码中,我向这个 JSON 数组添加了一些属性,如下所示:

最后我打电话给抽屉:

但是没有绘制图表。也没有错误。我比较了我的最终 JSON 数组,它与CanvasJS 示例中的非常相似

我在哪里失踪?

0 投票
1 回答
4461 浏览

charts - Canvasjs 甜甜圈图,去掉标签

我正在使用 canvasjs 创建一个圆环图 - 图表本身效果很好,但我希望将标签从图表本身中删除,并且只显示在工具提示中。

我根据我在 canvasjs 网站上阅读的内容尝试了以下内容,但它没有隐藏标签:

有没有办法停止图表本身中显示的标签,但仍有标签值可用于工具提示?

https://jsfiddle.net/befmrhz4/