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

php - 通过 Ajax Uncaught TypeError 渲染图表时:无法读取未定义的属性“getTime”

当我尝试使用从 ajax 传回的数据来渲染图表时,我收到错误消息“未捕获的类型错误:无法读取未定义的属性 'getTime'”。

我的字符串 data.graphData 返回为:

当我将它粘贴到 dataPoints 变量中时,它可以正常工作。

0 投票
1 回答
692 浏览

jquery - 在 jQuery 多个选项卡上不正确地显示 canvasjs 图表

在 jQuery 多个选项卡上不正确显示 canvasjs.com 图表但是当我使用宽度 att 问题时解决了,但是图表没有响应!

jsfiddle

0 投票
1 回答
732 浏览

javascript - CanvasChart:无法在一页并排绘制 2 个图表

我想并排绘制 2 个画布图表。

为此,我采用表格行并将它们中的每一个绘制在一列中。但只绘制了一张图表。

但是,当我一个接一个地绘制它们时,我可以看到两个图表。这里有什么问题??

PS:此代码不是来自我的应用程序,但情况类似

0 投票
1 回答
17026 浏览

javascript - CanvasJS:使用 data.php、json 编码和 ajax(带宽计)使图表动态化

首先,我试图解析 data.php 文件中的数据,该文件使用 json 编码来回显数据点。每次请求 data.php 文件时都会更新数据点,但不是在一系列数据点中。相反,它只是更改时间值并刷新其 y 内容。我还没有找到一种工作方法来实际使 php 文件回显一系列数据点而不更新单个数据点。

接下来,图表解析 data.php 文件,它确实显示了数据点。但是我想让这个图表每秒更新一次,并在每次更新时添加新的数据点,这样我就有一个工作带宽图。

这是我的代码:

索引.php:

数据.php:

如果有人知道如何使这张地图动态化,那么请给我一些帮助。data.php 文件的示例输出(它回显的内容)如下:

预先感谢您提供的任何帮助。

0 投票
1 回答
663 浏览

javascript - canvasJS 图表未正确呈现

我正在尝试使用render多折线图,canvasJS但它没有按预期工作。

这是我的drawChart函数

}

var dataPoints, maxPrice, minPrice具有相同的布局/数据。

看这里。在此处输入图像描述

它显示这样的图表,两条线minPrice and maxPrice的重置消失了。

在此处输入图像描述

PS如果我改成dataPoints: dataPointsdataPoints: min/maxPrice也不起作用。

0 投票
1 回答
3654 浏览

javascript - 图表未正确呈现,canvasjs

我正在尝试使用 渲染两个动态图表canvasJS,图表一个正在正确渲染,实际上第二个图表正在正确填充,请查看inspect element图像,但它没有显示在页面上。

这是界面,只显示一个图表 在此处输入图像描述

这是检查元素。在此处输入图像描述

#adverts正在渲染,但此处未显示。

PS我试图注释掉第一个图表渲染代码,但根本不工作,仍然只显示第一个。

编辑

这是console log关于我要返回渲染图表的内容

在此处输入图像描述

这是片段

0 投票
1 回答
532 浏览

javascript - 根据值更改步骤区域颜色

我正在使用 CanvasJS 和 ChartJS 并且想知道是否可以根据点的值具有不同颜色的区域?我正在从一个休息 api 填充图表

这是我的javascript:

所以在这个例子中,如果价格在 4.00 到 7.99 范围内,我想有一个绿色区域颜色,如果价格在 8.00 到 11.99 范围内有一个黄色,如果高于 12 有一个红色。

这可能吗?

0 投票
1 回答
652 浏览

javascript - canvasjs中的x轴标签排序

我正在使用 canvasjs 来显示报告图表.. 现在我正在制作一个将排序的多个报告。我有这个代码:PHP

Javascript

现在在我的图表中它看起来像这样: 在此处输入图像描述

我可以对x轴标签进行排序吗?现在看起来像 Jan 11 2015, Feb 01 2015, Feb 22 2015... Apr 05 2015, Apr 26 2015...

是否有可能我可以制作如下标签: Jan 2015, Feb 2015, ... Apr 2015, Jun 2015...

我只想显示图表的月份和年份,它将被相应地排序,并且没有标签的重复。

我也尝试了interval图表的参数,但它似乎是int基于报告计数的。

有什么想法吗?

0 投票
2 回答
607 浏览

javascript - CanvasJS 图表在缩放级别改变之前倾斜?

我在默认情况下隐藏的选项卡中有一个图表。当用户单击该选项卡时,它们就会出现。但是,它们有点倾斜,水平平滑并垂直拉伸。请参阅 Fiddle 了解我的意思,它位于“选项卡 2”下。

更改浏览器的缩放级别(至少在 Firefox 中)似乎可以使其正确。

我注意到如果我把它放在标签 1 中,但是,在页面加载时它会正确显示。只有当它不是默认选项卡时,它才会扭曲并需要缩放更改才能正确显示。

这里发生了什么?看起来该图仅在我打开选项卡时才呈现(根据动画判断)。我在想也许是因为displayCSS 中的属性,但也许是因为它需要在页面加载时呈现?

这是一个可编辑的小提琴:http: //jsfiddle.net/ryfy8j9s/1/

0 投票
1 回答
35 浏览

javascript - CanvasChartJS:如何避免自动时间间隔

我在 X 轴上使用带有时间的 Canvas 柱形图。

当我更新时间表时,虽然当时没有数据,但它在图表中显示了定期的时间间隔。

这会导致图表中出现空缺区域并且点位于最右端。

图表.render(); http://jsfiddle.net/1ekxfh2w/

我只想查看有数据的时间。我怎样才能做到这一点?

或者任何其他可以为我完成这项工作的图表?