草庐IT

image-charts

全部标签

javascript - 重叠的 chart.js 堆叠图

我正在创建一个堆叠条形图,但我需要它不仅仅是将两个值加在一起并显示它。例如:stackgraph此图应该显示“目标”百分比和实际百分比。因此,如果该列的目标值为70,实际值为30,它将显示0-30的实际数字颜色,然后继续30-70的目标颜色。有没有办法真正让它们像那样重叠,而不仅仅是总数为100? 最佳答案 您必须将这些参数添加到您的代码中-为X轴启用堆叠并为Y轴禁用它:xAxes:[{stacked:true}],yAxes:[{stacked:false,ticks:{beginAtZero:true,},}]

javascript - Google Charts - 曲线图错误地低于 0

我有一个Google折线图,我设置了'curveType':'function'因此图形是弯曲的并且外观漂亮。我的问题是,当一个数据点的值为0,紧随其后的是高值时,图表会下降到0以下,以便曲线可以正确拟合。这也会导致vAxis的minRange为-2000,这对我的数据来说是不可能的(随时间推移的下载次数)。我试图通过在vAxis上设置'minValue':0和'viewWindowMode':'maximized'来解决这个问题,但它并没有解决问题完全。我附上了一张图片,可以比文字更好地解释我的问题。如果有人知道这个问题的解决方案,我将不胜感激。谢谢 最佳

javascript - 在 Json 中添加关于 Image 的 X 值

在一个Json中,有多个图像源,如"src":"image.png",,"src":"image2.png",对于image.png,现在我正在获取X值为“40”[下图中的第3个位置]对于image2.png,现在我正在获取X值为“100”[下图中的第6位]要求:取而代之的是,我需要添加第一(10)+第三(40)+第四(50)个位置值并获取finalX值for"src":"image.png",作为100[10+40+50]和"src":"image1.png"=第1(10)+第6(100)+第7(105)个位置&X的最终值为215。...代码笔:https://codepen.io/

javascript - Chart.js - 多折线图 - 只显示最后一个图表

我正在使用chart.js在一页上显示多个折线图。然而,只有最后一张图表显示,尽管我将它们命名为#canvas1和#canvas2。某处一定有冲突,我已经尝试了大多数事情,但没有任何快乐。这里有两个图表,它只显示最后一个:图一varlineChartData={labels:["January","February","March","April","May","June","July","August","September","October","November","December"],datasets:[{label:"Target",fillColor:"rgba(220,

javascript - Photoshop 脚本 : Move an image to position x, y

我有一个事件的ArtLayer被变量NewLayer引用,我想移动到Canvas中的绝对位置x,y。我已经用谷歌搜索了几个小时,但没有任何结果。有人可以举个例子吗?//谢谢。 最佳答案 经过更多API阅读和搜索后,我得出的结论是只能使用增量移动来移动图层。我编写了这个小函数来将图层定位在绝对位置。希望这对下一个有同样问题的读者有所帮助...//******************************************//MOVELAYERTO//Author:MaxKielland////MoveslayerfLayert

javascript - chart.js中折线图的背景颜色

我想更改由chart.js生成的折线图的背景颜色。似乎没有这个选项,文档也没有帮助。在互联网上广泛搜索没有产生任何结果。这可能吗?我必须承认我对HTML5canvas了解不多,所以我有点挣扎! 最佳答案 使用Chart.jsv2.1,您可以编写自己的插件来执行此操作预览脚本Chart.pluginService.register({beforeDraw:function(chart,easing){if(chart.config.options.chartArea&&chart.config.options.chartArea.ba

javascript - Mobile Safari 渲染 <img src ="data:image/jpeg;base64..."> 在 Canvas 上缩放?

我尝试在iOS6上的SafariMobile上的Canvas上渲染加载了FileReader对象的本地镜像。但是每个带有数据URL的图像都会被垂直缩放。这是一个错误吗?在Chrome上它可以正确呈现。DemoScriptScreenShotfromiOS6(上图:Canvas,下图:原始图像)有什么办法可以解决这个问题吗?这是错误吗?如果我首先使用“PhotoWizard”应用程序在设备上调整图像大小(将其缩小到720像素宽度),Canvas会正确渲染它。这似乎是图像大小或使用相机应用程序拍摄的图像的问题:WorkingDemoScript尝试了来自JakeArchibald的建议,看

javascript - 带有 chart.js 的水平堆积条形图

我正在尝试找出是否有任何插件可以使用chart.js制作水平堆叠条形图我看到有用于堆叠条形图和水平条形图的插件,但我没有找到将两者结合起来的插件。https://github.com/Regaddi/Chart.StackedBar.js有人知道如何实现吗? 最佳答案 我知道这已经有几个月了,但我想我会为后代添加我的答案。我可以不用额外的插件。如果将xAxes和yAxes设置为stacked:trueunderscales,则可以创建堆叠水平图。scales:{xAxes:[{stacked:true,}],yAxes:[{stac

javascript - 从 background-image 属性获取 URL

我目前正在使用它从background-image属性中获取url:varurl=$(this).find('div').css('background-image');url=url.substr(4,url.length-5);这在某些浏览器(IE6-9)中工作正常,而不是:url(http://.com/)它的url("http://.com/)是否有一种故障安全方法可以从该属性中获取url?无需进行浏览器检测或其他操作? 最佳答案 你可以这样做:url=url.replace(/^url\(["']?/,'').replac

javascript - map : Adding html annotation to it or other any other alternative charts

我正在尝试在地理图表上添加文本叠加层。我只能在工具提示中添加文本,但只有在鼠标悬停/选择时才可见。但我希望它始终可见。下面是fiddle链接。当我尝试添加注释时,geochart出现错误。http://jsfiddle.net/aSrVH/汽车数据=新谷歌。可视化。数据表();Data.addColumn('string','Country');data.addColumn('number','Value');data.addColumn({type:'string',role:'tooltip'});我无法将上面的内容更改为:data.addColumn({type:'string'