草庐IT

Bar-chart

全部标签

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的最高值绘

javascript - 使 chart.js 中的 X 轴标签按一定比例递增

我的标签范围为50-90,并且显示了介于两者之间的每个数字。我想按5或10列出标签,因为目前它们都被压缩在一起。它也使y轴的左侧部分被chop。 最佳答案 编辑2:好的,所以我实际上在我正在从事的项目中需要这样的功能,所以我制作了一个自定义构建的chart.js以包含此功能。http://jsfiddle.net/leighking2/mea767ss/或https://github.com/leighquince/Chart.js它是以下两种解决方案的组合,但与CHart.js的核心相关联,因此无需指定自定义比例和图表。折线图和条

javascript - 在 v2 上的 chart.js 中的图表上绘制水平线

我使用chart.js绘制了折线图。对于标签和数据集,我从数据库中获取值。我是chart.js及其非常强大的库的新手,但我无法完全理解它。我想画多条水平线。就像数据集的平均值、标准差以及最小值和最大值在哪里。我已经在stackoverflow中尝试过这个问题,但这些都给出了错误,或者可能是我无法理解工作原理。这是我的chart.js代码functiondisplay_graph(id,label,data){varctx=document.getElementById(id);vardata={labels:data.labels,datasets:[{label:label,fill

javascript - Google Charts - 工具提示中的完整 html

我正在尝试让GoogleCharts显示带有完整HTML的自定义工具提示。我知道如何启用工具提示并传递适当的数据-问题是-即使启用allowHTML选项,工具提示也会呈现为纯文本,例如我无法显示图片在工具提示中。这里是我要做什么的一个小例子:我现在拥有的是:我想要的:解决此问题的一种方法是禁用工具提示,捕获onmouseover事件并使用另一个库(如cluetip)在光标处显示工具提示,但我想知道是否有更简洁、native的方法来启用这种功能谷歌图表。另请查看我关于图像作为谷歌图表中的点标记的其他问题。编辑:与此同时,我找到了一个涵盖此功能的非常好且相当便宜(每个网站许可证60美元)的

javascript - Chart.js - 样式图例

我正在使用chart.js制作图表,我正在尝试弄清楚如何更改标签/图例样式。我想删除矩形部分,而是使用一个圆圈。我读过你可以制作你的自定义图例(使用legendCallback),但对于我来说,我无法弄清楚如何去做。这就是我的图表现在的样子-image.这是我的HTML:这是我的JS:varctx=document.getElementById("myChart");varmyChart=newChart(ctx,{type:'line',data:{labels:["Red","Blue","Yellow","Green","Purple","Orange"],datasets:[{