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

jquery - else if 语句抛出错误

我想要的只是能够在 JSON 上运行我的 for 循环,并根据测试的名称在 Canvas 图表上绘制一条新行及其值。

我无法在图表上显示不同的水平线

});

JSON数据

0 投票
1 回答
913 浏览

javascript - PHP数组数据转换成JS(Canvas JS)

我正在尝试制作存储在 php 数组中的我自己的数据(JS)的图表

现在我必须制作某种循环来制作(Javascript)

需要像

等等。

我不知道该怎么做

0 投票
0 回答
271 浏览

jquery - 是否可以让 CanvasJs Graph 绘制日期(xAxis)和名称(yAxis)

我无法让 CanvasJs 在 x 轴上绘制诊断日期,在 y 轴上绘制癌症类型的名称。我的 JSON 数据回来了,并且正在工作。谁能告诉我我做错了什么。

这是我的 JSON 数据

这是我的 JQUERY 函数

0 投票
1 回答
578 浏览

jquery - CanvasJs 没有正确格式化日期

我想显示被诊断为癌症的患者人数,并从中获得正确的 JSON 数据。问题是无论我做什么,当实际日期不同时,它都会绘制为日期 1970。
进一步检查了这一点;当我在 PHP 返回的 JSON 中包含“JSON_NUMERIC_CHECK”时,将正确显示 Y 轴,如果我删除它将正确显示日期。

这是我的 JSON 数据

这是我的代码

0 投票
0 回答
321 浏览

canvasjs - 如何在画布js中向x轴添加填充

在我的每个 x 值的画布 js 图表中,我添加了一个字符串 k。但是,x 轴的最后一个 k 值被截断。如何为每个 x 值添加填充权?在下面jsfiddle也可以注意到最后一个值被截断。

http://jsfiddle.net/canvasjs/4hr4xk72/

0 投票
0 回答
651 浏览

javascript - 使用日期的 CanvasJS 范围条形图(来自 HTML 元素)

我正在尝试使用 CanvasJS 库生成范围条形图。

我看过几个范围条形图的演示,但没有一个使用日期范围 - 不确定这是否是一个问题,或者这是否可能。

只是为了让它更难我动态地创建它 - 我需要从 html span 元素中检索日期值。

下面是我的代码:

谁能帮我吗?

0 投票
1 回答
315 浏览

javascript - 受 jQuery 滑动切换影响的画布大小

我有一个 CanvasJs 图表,尺寸很好。我决定添加一个链接来显示或隐藏图表,现在图表的宽度缩小了。当我通过拖动窗口句柄来调整浏览器窗口的大小时,它会更改为它应该具有的宽度。

HTML:

CSS:

生成图表的 JS:

}

JS显示div:

将不胜感激任何帮助。

0 投票
3 回答
1600 浏览

javascript - 使用 JSON 为 canvasJS RangeArea 图表加载数据

我正在尝试使用 CanvasJS 和 PHP 创建一个范围面积图以从数据库加载数据。

我创建了 php,它从数据库返回值。这是php:

结果:

[{"x":"2007","y":"[35.94,35.94]","name":"Sessies: 2006"},{"x":"2008","y":"[27.67, 27.67]","name":"Sessies: 2007"},...,...]

问题是 x 和 y 值(=字符串值)中的引号。CanvasJS 只需要数字来创建图表。所以输出应该是这样的:

[{"x":2007,"y":[35.94,35.94],"name":"Sessies 2006"},{"x":2008,"y":[27.67,27.67],"name":" Sessies 2007"},...,...]

我确信必须有一种方法来调整我的 php,以便 x 和 y 作为数字而不是字符串传递,但我真的是 php 新手(有史以来第一次)并且找不到解决方案,尤其是对于第二部分(y)。

谁能告诉我要对 php 和/或 html 文件进行哪些调整?

谢谢,

0 投票
0 回答
711 浏览

javascript - Javascript 图表仅在 Chrome 中切换“开发者工具”(F12) 时出现

类似于THIS QUESTION,仅使用不同的图表库 ( CanvasJS ),并且包含我的代码。

图表仅在切换“开发人员工具”后出现(即从开-关或关-开切换)。

我正在使用的代码:

JSON 来源:

有趣的是(以及它出现的原因),删除该行:

完全停止图表渲染!(即使使用切换开发人员工具)。这里发生了一些可疑的事情,有人可以建议进一步调试吗?

干杯,

-菲尔

PS。仅供参考:IE9 中没有显示任何内容,无论 F12 切换如何(预期的 IE 行为?)。

0 投票
1 回答
1006 浏览

javascript - 如何用动画重新渲染canvasjs图表?

到目前为止,我已经按照此链接中的指南成功更新了我的图表的数据。

但是,如何在第一次渲染时使用相同的动画重新渲染它?