问题标签 [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.
php - 通过 Ajax Uncaught TypeError 渲染图表时:无法读取未定义的属性“getTime”
当我尝试使用从 ajax 传回的数据来渲染图表时,我收到错误消息“未捕获的类型错误:无法读取未定义的属性 'getTime'”。
我的字符串 data.graphData 返回为:
当我将它粘贴到 dataPoints 变量中时,它可以正常工作。
javascript - CanvasChart:无法在一页并排绘制 2 个图表
我想并排绘制 2 个画布图表。
为此,我采用表格行并将它们中的每一个绘制在一列中。但只绘制了一张图表。
但是,当我一个接一个地绘制它们时,我可以看到两个图表。这里有什么问题??
PS:此代码不是来自我的应用程序,但情况类似
javascript - CanvasJS:使用 data.php、json 编码和 ajax(带宽计)使图表动态化
首先,我试图解析 data.php 文件中的数据,该文件使用 json 编码来回显数据点。每次请求 data.php 文件时都会更新数据点,但不是在一系列数据点中。相反,它只是更改时间值并刷新其 y 内容。我还没有找到一种工作方法来实际使 php 文件回显一系列数据点而不更新单个数据点。
接下来,图表解析 data.php 文件,它确实显示了数据点。但是我想让这个图表每秒更新一次,并在每次更新时添加新的数据点,这样我就有一个工作带宽图。
这是我的代码:
索引.php:
数据.php:
如果有人知道如何使这张地图动态化,那么请给我一些帮助。data.php 文件的示例输出(它回显的内容)如下:
预先感谢您提供的任何帮助。
javascript - 根据值更改步骤区域颜色
我正在使用 CanvasJS 和 ChartJS 并且想知道是否可以根据点的值具有不同颜色的区域?我正在从一个休息 api 填充图表
这是我的javascript:
所以在这个例子中,如果价格在 4.00 到 7.99 范围内,我想有一个绿色区域颜色,如果价格在 8.00 到 11.99 范围内有一个黄色,如果高于 12 有一个红色。
这可能吗?
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
基于报告计数的。
有什么想法吗?
javascript - CanvasJS 图表在缩放级别改变之前倾斜?
我在默认情况下隐藏的选项卡中有一个图表。当用户单击该选项卡时,它们就会出现。但是,它们有点倾斜,水平平滑并垂直拉伸。请参阅 Fiddle 了解我的意思,它位于“选项卡 2”下。
更改浏览器的缩放级别(至少在 Firefox 中)似乎可以使其正确。
我注意到如果我把它放在标签 1 中,但是,在页面加载时它会正确显示。只有当它不是默认选项卡时,它才会扭曲并需要缩放更改才能正确显示。
这里发生了什么?看起来该图仅在我打开选项卡时才呈现(根据动画判断)。我在想也许是因为display
CSS 中的属性,但也许是因为它需要在页面加载时呈现?
这是一个可编辑的小提琴:http: //jsfiddle.net/ryfy8j9s/1/
javascript - CanvasChartJS:如何避免自动时间间隔
我在 X 轴上使用带有时间的 Canvas 柱形图。
当我更新时间表时,虽然当时没有数据,但它在图表中显示了定期的时间间隔。
这会导致图表中出现空缺区域并且点位于最右端。
图表.render(); http://jsfiddle.net/1ekxfh2w/
我只想查看有数据的时间。我怎样才能做到这一点?
或者任何其他可以为我完成这项工作的图表?