草庐IT

chart模板

全部标签

javascript - 使用 Chart.js 创建多折线图

我正在尝试使用Chart.js创建多线图表我可以为1行执行此操作,我可以使用固定数据结构执行2行,但我无法获得多行来显示传递给数据结构的数据。这里是chart.js网站的示例用法http://www.chartjs.org/docs/#getting-startedvarmyLineChart=newChart(ctx).Line(data);vardata={labels:["January","February","March","April","May","June","July"],datasets:[{fillColor:"rgba(220,220,220,0.2)",str

javascript - Chart.js 将逗号添加到工具提示和 Y 轴

我已经在stackoverflow中尝试了一些答案,但都没有成功。我是Chart.js的新手,所以请多多包涵。这是我目前尝试过的。AddCommastoChartJSDataPoints还有这个Chart.jsnumberformat这是我的代码:提前致谢。Chart.defaults.global.legend={enabled:false};functionload_yearly_sales_per_agent(param_year,transaction_url){$(".custom_loader").show();$(".custom_graph").hide();$.aja

javascript - 在挖空模板中格式化日期

我想在Knockout的模板中设置日期格式。当前返回的日期为2013-07-04T00:00:00我希望它像这样显示07/04/2013这是我正在使用的绑定(bind)它们是Knockout模板中的默认格式属性吗? 最佳答案 Knockout中没有内置任何关于日期格式或一般格式的内容。text绑定(bind)只是将属性值转换为字符串,因此如果您想要自定义格式,您需要自己完成。在JavaScript中处理日期并不是那么容易,因此您最好使用像moment.js这样的第三方库为了这。它使用起来非常简单,它可以用formatmethod格式

javascript - 加载模板 dom 时 angular2 模板/ Hook 中的脚本标记

我很困惑,不知道如何解决我的问题...简化:我有一个基于绑定(bind)创建ulist的组件,如下所示:@Component({selector:"template",template:`{{challenge}}`})exportclassJobTemplate{jobs:Jobs;constructor(jobs:Jobs){this.jobs=jobs}}组件选择器/主机嵌入在由php回显的正常html流中,用于替换预定义的ulist。问题在于,在正常站点上,ulist之后的脚本标记用于在列表上应用一些jquery魔法。由于脚本标记在我的组件模板完成加载之前被回显,jquery调

javascript - 如果 angularjs 模板中的其他条件

我对AngularJs很陌生。我正在开发一个问答应用程序,我必须以表格的形式呈现一些问题及其答案。我必须以不同的方式呈现三种类型的问题。每个问题都有一个分配的类型。如果question.type是“MCQ”,那么选项或其答案应该用HTML复选框呈现,如果问题类型是NUM,它的答案应该用单选按钮呈现。我试过这个并在AngularJs模板中使用if条件。我的代码是QuestionsHints{[{question.question_text}]}{[{answer.answer_text}]}{[{answer.text}]}{[{question.hint}]}我是这样试过的。但我认为如

javascript - Chart.js 将填充添加到比例

我需要在x轴和y轴上添加填充。这个问题(HowtoaddpaddingbetweenGraphandX/Y-Scaleinchart.js?)是我的确切情况,只有我使用的是Chart.js2。查看屏幕截图:http://i.imgur.com/2BvlZDg.png基本上我的观点是大图,所以它们超出了图表。有没有办法向图表区域或比例添加填充以使其更适合? 最佳答案 想出一种使用yAxes的方法:options:{scales:{yAxes:[{ticks:{padding:100}}],}}目前在x轴上没有解决方案。解决您的问题的方

javascript - 通过 Angular2 中的 ngOutletContext 将上下文传递给模板

我有一个要向其传递模板的组件。在此组件内部,我想传递上下文以便显示数据。@Component({selector:'my-component',providers:[],template:``})exportclassMyElementComponentimplementsOnInit{@ContentChild(TemplateRef)templ;constructor(){}}现在在其他组件内部使用组件时:{{isVisible?'yes!':'no'}}所以在my-component中,我传递了一个模板,该模板由@ContentChild在其类中处理,名称为templ。然后,在m

javascript - 未捕获的类型错误 : Cannot read property 'offsetWidth' of undefined - chart. js

我有这个简单的html:和这个js:varctx=document.getElementById("myChart");varmyChart=newChart(ctx,{type:'bar',data:{labels:["Red","Blue","Yellow","Green","Purple","Orange"],datasets:[{label:'#ofVotes',data:[12,19,3,5,2,3],backgroundColor:['rgba(255,99,132,0.2)','rgba(54,162,235,0.2)','rgba(255,206,86,0.2)','r

javascript - 在 AngularJS 模板中增加一个变量

首先,我会说我是AngularJS的新手,所以如果我的思维方式与基础相去甚远,请原谅我。我正在使用AngularJS编写一个非常简单的单页报告应用程序,肉和土bean当然是使用Angular模板系统自己生成报告。我有很多报告说我正在从类似Jinja的语法转换过来,但我很难复制任何类型的计数器或运行制表功能。例如{%setcount=1%}{%foriinp%}{{count}}{%setcount=count+1%}{%endfor%}在我的Controller中,我定义了一个类似$scope.total=0;的变量,然后我可以毫无问题地访问模板内部。我不太清楚的是如何从ng-repe

javascript - 如何在 Chart.js 中使用百分比刻度

我试图在文档中查找(我在其他地方找到的所有示例都不再有效,可能是由于早期版本的语法过时)如何使用“scaleLabel”,但它引用了比例标题配置一个不存在的链接(不再):http://www.chartjs.org/docs/#scale-title-configuration有人可以提供一个工作示例吗? 最佳答案 如果您在文档中向下滚动,则比例标题配置是一个标题。这是一个简单的条形图示例,使用经过轻微修改的scaleLabel来说明百分比。https://jsfiddle.net/r71no58a/4/scales:{yAxes: