jjzjj

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 - 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 - 未捕获的类型错误 : 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 - 如何在 Chart.js 中使用百分比刻度

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

javascript - 未捕获的 ReferenceError : require is not defined - Chart. js

我使用Chart.js(新版本)作为:但是当我在chrome中演示时,出现错误:chart.js:4UncaughtReferenceError:requireisnotdefinedImage 最佳答案 在您的代码中,改为拉取bundle。例如~/Plugin/Chart.js/dist/Chart.bundle.js 关于javascript-未捕获的ReferenceError:requireisnotdefined-Chart.js,我们在StackOverflow上找到一个类似

javascript - chart.js:在饼图外显示标签

chart.js2.6.0我需要呈现如下所示的图表:始终显示所有工具提示不是一种可接受的方式,因为它们不会以正确的方式呈现:不幸的是,我还没有找到解决方案。我试过piece-label插件,但这有同样的问题,因为它的标签重叠,我无法隐藏某些标签。这是代码,它使用piece-label将标签放置在切片上方来创建我的图表:privatecreateStatusChart():void{constchartData=this.getStatusChartData();if(!chartData){return;}const$container=$(Templates.Dashboard.Ch

javascript - 如何为 angular-chart.js 中的每个栏设置不同的颜色?

我看过HowtochangecoloursforAngular-Chart.js,但它与整个(数据集)的颜色有关,而不是特定条形。我正在寻找的是一种应用Differentcolorforeachbarinabarchart;ChartJS的方法到Angular。所以,我有一个条形图:使用以下Angular代码(当然在Controller中)$scope.chartParams={listOfLocations:['Trenzalore','Earth','Caprica','Sol','TauCeti'],votes:[[5,10,6,7,2]],series:["NicePlaces

javascript - 如何使用 Chart.js 向我的折线图添加点击事件

我正在尝试使用Chart.js将点击事件添加到我的折线图中.我已经启用了工具提示来显示折线图中的信息,但我还想添加一个单击方法,让我知道用户在x轴上单击的位置。现在我只想弹出一个警报,给我用户点击的x轴上的值。研究:我浏览了documentationofChart.js我遇到了这个方法:.getPointsAtEvent(event)CallinggetPointsAtEvent(event)onyourChartinstancepassinganargumentofanevent,orjQueryevent,willreturnthepointelementsthatareattha

javascript - Chart.js折线图设置背景色

我正在使用Chart.js并希望将折线图转换为PNG。问题是图像总是以透明背景下载,这不是我需要的。我尝试了很多选项,但没有任何效果。和建议? 最佳答案 这是一个完美的解决方案,在保存到图像文件(如png)时也是如此。我在chartjsissuetracker公然从@etimberg复制这个.Chart.plugins.register({beforeDraw:function(chartInstance){varctx=chartInstance.chart.ctx;ctx.fillStyle="white";ctx.fillRe

javascript - 图表 : how to set custom scale in bar chart

Chartjs是一个非常出色的开源工具,但我对我尝试创建的条形图有一个快速的问题。鉴于此图表数据:varchartData={labels:labels,datasets:[{fillColor:"rgba(220,220,220,0.5)",strokeColor:"rgba(220,220,220,0.8)",highlightFill:"rgba(220,220,220,0.75)",highlightStroke:"rgba(220,220,220,1)",scaleOverride:true,scaleSteps:9,data:values}]}我曾希望图表将以10的最高值绘