草庐IT

chartjs-2.6.0

全部标签

javascript - Chartjs v2 描边阴影

我想为折线图使用笔划阴影。但是我找到的每个解决方案都只适用于chartjsv1。他们有最新的解决方案吗?这就是我用chartjsv1设计的,但就像我说的,我发现无法用版本2做到这一点。jsfiddleChart.types.Line.extend({name:"LineAlt",initialize:function(){Chart.types.Line.prototype.initialize.apply(this,arguments);varctx=this.chart.ctx;varoriginalStroke=ctx.stroke;ctx.stroke=function(){c

javascript - 奇怪的 Angular-ChartJS 问题,无法在 Ionic App 中正确显示

我正在使用AngularJS构建一个Ionic应用程序。在这个应用程序中,我想要一个数据折线图。昨天我问了一个关于这个的问题(Angular-Chartnotrenderinganything)已经回答了,但现在有一个新问题。有时图表立即可见,但当我在横向/纵向之间旋转屏幕时,它每次旋转都会变大。有时,在您旋转屏幕几次之前,图表根本不可见(图例除外)。当我用我的iPhone上的网络检查器检查它时,我发现高度的HTML属性每次都变大。CSS-height样式也是如此。网络检查器中的HTML最初看起来像这样:(这是当图表在非事件选项卡上时)WaardeBovengrensOndergren

javascript - 奇怪的 Angular-ChartJS 问题,无法在 Ionic App 中正确显示

我正在使用AngularJS构建一个Ionic应用程序。在这个应用程序中,我想要一个数据折线图。昨天我问了一个关于这个的问题(Angular-Chartnotrenderinganything)已经回答了,但现在有一个新问题。有时图表立即可见,但当我在横向/纵向之间旋转屏幕时,它每次旋转都会变大。有时,在您旋转屏幕几次之前,图表根本不可见(图例除外)。当我用我的iPhone上的网络检查器检查它时,我发现高度的HTML属性每次都变大。CSS-height样式也是如此。网络检查器中的HTML最初看起来像这样:(这是当图表在非事件选项卡上时)WaardeBovengrensOndergren

javascript - 同一页面中的多个 chartjs

嗨,我正在尝试使用chartjs可以在这个链接中找到www.chartjs.org我尝试使用示例代码在同一页面中绘制两个图表我用两个不同的id创建了两个不同的div像这样然后在包括这一行之后:我用这种方式创建了第一个图表:window.onload=function(){varctx1=document.getElementById("chart1").getContext("2d");window.myLine=newChart(ctx1).Line(lineChartData,{responsive:true});}第二张图表是这样的:window.onload=function(

javascript - 同一页面中的多个 chartjs

嗨,我正在尝试使用chartjs可以在这个链接中找到www.chartjs.org我尝试使用示例代码在同一页面中绘制两个图表我用两个不同的id创建了两个不同的div像这样然后在包括这一行之后:我用这种方式创建了第一个图表:window.onload=function(){varctx1=document.getElementById("chart1").getContext("2d");window.myLine=newChart(ctx1).Line(lineChartData,{responsive:true});}第二张图表是这样的:window.onload=function(

javascript - ChartJS 折线图 - 删除线条下方的颜色

好的,所以我有一个ChartJS折线图,它直接从来self的数据库的数据填充。我现在需要的是摆脱每条线下面的颜色。[如下面的屏幕截图所示]。这是我的HTML:这是我的JS:scope.labels=['02:00','04:00','06:00','08:00','10:00','12:00','14:00','16:00','18:00','20:00','22:00'];scope.series=series;scope.data=[volumesSelectedDate,volumesPeakDate,volumesModelCapacity];scope.options={sc

javascript - ChartJS 折线图 - 删除线条下方的颜色

好的,所以我有一个ChartJS折线图,它直接从来self的数据库的数据填充。我现在需要的是摆脱每条线下面的颜色。[如下面的屏幕截图所示]。这是我的HTML:这是我的JS:scope.labels=['02:00','04:00','06:00','08:00','10:00','12:00','14:00','16:00','18:00','20:00','22:00'];scope.series=series;scope.data=[volumesSelectedDate,volumesPeakDate,volumesModelCapacity];scope.options={sc

javascript - Chartjs donut 消失

我在生成图表时遇到了问题,因为它只有一个数据要显示并包含所有360º。这是示例:ChartTestvarcanvas=$('canvas'),data=[{value:300,color:"#F7464A",highlight:"#FF5A5E",label:"Red"}],options={"percentageInnerCutout":70,"showTooltips":false,"animateScale":true},chart=newChart(canvas.get(0).getContext('2d')).Doughnut(data,options);图表在Android

javascript - ChartJS 设置 yAxes "ticks"

我正在尝试调整我的yAxes上的刻度,但找不到任何没有过时的信息。基本上,我希望我的yAxes从0到100,步长为25。https://codepen.io/brycesnyder/pen/wmJKyvyAxes:[{ticks:{beginAtZero:true,steps:10,stepValue:10,max:100}}] 最佳答案 为此,将stepValue:10更改为stepSize:25,并删除steps:10,。Seechart.jsdocs 关于javascript-Ch

javascript - 如何在 Chartjs 2.x 中使用图表插件 (Chart.pluginService.register) 访问标签数组?

我想隐藏图表中的最后一个标签。它不是静态数组,数据源源不断。因此,最后一个标签不能只设置为空白或空值。是否有任何chartjs选项来隐藏它或如何访问图表插件中的标签数组? 最佳答案 根据您的需要,您可以使用ticks选项来修改标签。检查value并根据您的需要返回。docsyAxes:[{ticks:{callback:function(value,index,values){returnvalue}}}], 关于javascript-如何在Chartjs2.x中使用图表插件(Chart