草庐IT

image-charts

全部标签

javascript - 修改 Dropzone : Show uploaded image in another div

我正在使用dropzone.js创建个人资料图片uploader,我已经复制了布局offeredbyFacebook,但我想让它做的是,当您放下图像时,它会替换放置区内的内容。到目前为止我的演示:ImageLink到目前为止我的代码:Dropzone.options.employeeImageDropzone={maxFiles:1,acceptedFiles:'image/*',addRemoveLinks:true,dictDefaultMessage:'UploadaPhotoFromyourcomputer',paramName:'empImage',init:function

javascript - Angular-Chart 不渲染任何东西

我正在使用AngularJS构建应用程序。在这个应用程序中,我想显示一个包含一些数据的折线图。我有一个包含两个“标签”的页面。我为此使用了自己的实现:顶部的两个按钮,$scope.graph.visiblebool值,通过单击这些按钮进行设置。这是HTML中的图表:在Controller中我得到了这个:$scope.graph.data=[1,2,3,4,5,6,7,8];$scope.graph.labels=['hoi','doei','hallo','hee','hoi','doei','hallo','hee',];$scope.graph.options={animation

javascript - chart.js 折线图,每个部分具有不同的背景颜色

假设我有一个4周的周一至周五折线图。我希望将这4周分成几个部分。我希望第一个星期一到星期五的背景色为白色。第二个星期一到星期五灰色背景。第三个又是一个白色的背景。而第四周的星期一到星期五要有灰色背景色。我所说的是图表的背景。有办法做到这一点吗? 最佳答案 Chart.js在绘制(或重新绘制)图表之前清除Canvas。一旦图表被清除,我们就可以开始这个并绘制我们的背景。只需扩展折线图并覆盖初始化覆盖中的清除功能即可。预览脚本Chart.types.Line.extend({name:"LineAlt",initialize:funct

javascript - Chart.js 在隐藏的 Bootstrap 选项卡中呈现

这让我抓狂,我在Bootstrap选项卡中使用Chart.js,但它们不会呈现,因为加载DOM时宽度设置为零。在尝试弄清楚为什么我的图表不存在之后,我终于发现了这一点!我在网上搜索过,似乎没有什么可以解决我的问题,任何人都可以帮我解决这个问题,我想我需要一些脚本来在选择选项卡并成功加载时呈现图形我正在使用这个JS:vardata=[{value:300,color:"#F7464A",highlight:"#FF5A5E",label:"Red"},{value:50,color:"#46BFBD",highlight:"#5AD3D1",label:"Green"},{value:1

javascript - Google Charts 显示错误的月份

我有一个显示正确线条的谷歌折线图;但是日期的注释恰好偏离了一个月。json数据有正确的日期;但不知何故谷歌图表改变了它:有人知道为什么会这样吗? 最佳答案 没错,显示的是正确的月份当使用以下日期构造函数时,月份从零开始...日期(年、月、日、小时、分钟、秒、mill)请看下面的片段...console.log(newDate(2016,0,1));//以下是另一个片段,用于演示如何将json与googlecharts结合使用...google.charts.load('current',{callback:function(){va

javascript - 获取IE中显示:none image?的图片高度

我有设置为display:none的图片。我正在使用javascript(document.getElementById('elem').height)来获取这些图像的高度/宽度。这在其他浏览器中有效,但IE报告高度为0(可能是因为它的显示设置为无-因为当我删除显示:无时,高度报告正确)。我尝试将图像包装在一个div中并将div的显示设置为无而不是图像-但这也不起作用。解决这个问题的典型方法是什么? 最佳答案 如果您对图像本身的大小感兴趣,除了在html中设置的任何样式或属性之外,您可以测量具有相同src的新图像。它不会向文档的ht

javascript - Angular2 使用标签更新 ng2-charts

最近我开始使用Angular2工作,并且对框架ng2-charts有疑问。这是我的component.ts代码:import{Component}from'@angular/core';import{ChartsModule}from'ng2-charts';import{PredictionService}from'./prediction.service'@Component({selector:'prediction-result-chart',templateUrl:'./predictionResultChart.component.html'})exportclassPre

javascript - Chart.js 折线图在顶部被 chop ?

出于某种原因,所有图表都在最高值处被chop。我怎样才能解决这个问题?我不能使用固定的y轴 最佳答案 编辑/更新:如评论中所述,5px值可以更准确地只是您的线宽值的一半,我相信默认值为2px,所以在这种情况下您只需要填充:{顶部:1}有一个layout.padding属性,您可以在选项中或全局设置。我遇到了同样的问题并设置了options:{layout:{padding:{top:5}},...}对我来说很好,不会切断线路http://www.chartjs.org/docs/#chart-configuration-layout

javascript - chart.js 不允许使用对数刻度的 y 轴步长

我不得不解析科学记数法,这是对我的图表实现对数刻度的结果,但它打印出了图表中每一行的每个值。似乎没有任何步骤方法有效。RESULTINGCHARTIMGvarpacketsElement=$("#packetsGraph");pckBarChart=newChart(packetsElement,{type:'bar',data:{labels:["Received","Errors","Lost"],datasets:[{label:'#ofPackets',data:packetsArr,backgroundColor:['rgba(55,102,245,0.3)','rgba(5

javascript - Chart.js & Angular 2 - ng2-charts 自定义点击事件

我正在尝试在我的Angular2项目中实现ng2-charts,我想知道如何创建自定义onclick事件。意思是,我想覆盖购物车上的当前onclick事件以执行一些自定义功能(重定向到页面、显示模态等)。有没有简单的方法来做到这一点?它是内置的吗?任何见解将不胜感激 最佳答案 我在https://github.com/valor-software/ng2-charts/issues/489找到了这个解决方案publicchartClicked(e:any):void{if(e.active.length>0){constchart=