chart-js

首页 > TAG信息列表 > chart-js

导入数据从模型到视图给我一个我无法解决的错误

我有一个模型： public class ReportViewModel { public int[] Data { get; set; } public string[] Labels { get; set; } } 然后,在控制器中,我获取数据和标签,并将其保存在将发送到视图的模型中： [HttpGet] public async Task<IActionResult> Report() {

javascript-如何在Y轴上显示一定数量的刻度？

我有一张图表,在该图表中我已经知道我需要的刻度数.有3个带有分组的条形图的图表.我正在努力解决这个问题.现在,它显示0到我的数据集中出现的任何数字,并根据需要自动缩放. 默认情况下,假设我使用数字进行缩放,但是在这种情况下,它是Y轴上的正,中性,负(字面上的标签),它们是与X轴上

Javascript-图表在完成动画后消失

我试图使用chartjs,所以我从official document复制了示例代码,如下所示. <canvas id="myChart" width="400" height="400"></canvas> <script> var data = { labels : ["January","February","March","A

javascript-将Chart.js连接到MySQL数据库

我的html文档中有此脚本,该脚本使用Chart.js创建了图表.其中的数据是手动插入的(标签和数据集中的数据).数据集中的数据现在是随机生成的数字.但是我需要以某种方式将其与MySQL数据库连接. <script> var randomScalingFactor = function(){ return Math.round(Math.random()*10

javascript-未捕获的TypeError：无法读取未定义的属性’draw’

for (var i = 0; i < reduced.length; i++) { var innerdata = []; for (var j = 0; j < days.length; j++) { var rev = 0; _.each(reduced[i].data, function(timerevenueObj) { var current = new Date(parseInt(timerevenueObj[0]));

javascript-具有自定义X轴标签的Chart.js气泡图

无论如何,我可以自定义X轴标签到单词而不是数字刻度吗？我尝试在我的数据中插入labels属性,但是它不起作用. 这是我的代码： var bubbleChartData = { datasets: [ { label: "My First dataset", backgroundColor: randomColor(),

Javascript-为什么ChartJS在此代码段中跳过xAxis标签？

很简单： http://codepen.io/fishgills/pen/WGdKNA 在JavaScript部分,对于标签,当前显示为： ticks: { maxTicksLimit: 12 }, 如果将其更改为： ticks: { maxTicksLimi

javascript-Chart.js错误：TypeError：t未定义

我一直收到此错误,尽管我尝试了在互联网上找到的倍数代码,但仍无法显示Chart.js图表. 这是HTML的相关部分： <head> <script src = "https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script> ... </head> <body> <canvas id = "

javascript-Chart.js条形图：在标签悬停时显示工具提示

我正在使用Chart.js库绘制条形图,不仅要在条形悬停上显示工具提示,还要在该条的x轴标签悬停上显示工具提示.我找到了用于配置的onHover方法,但是它只允许我访问当前悬停的柱形数组,这没有用. 因此,如何访问鼠标事件并可能从那里取得位置以将其与条形标签的位置进行比较？还是有另一种

mysql-使用Coldfusion遍历在Charts.js中使用的查询

我试图弄清楚如何循环查询与Charts.JS一起使用. 查询： <cfquery name="bymonth" datasource="#application.dsn#"> SELECT DISTINCT r_vehicle, r_month, COUNT(*) FROM rsvs GROUP BY r_vehicle, r_month ORDER BY r_vehicle, r_month; </cfquery> 这给了我这样

javascript-想在Django中使用chartjs绘制数据

我的应用程序将使用表格获取数据并将其保存到数据库中,然后使用chartjs进行绘制. 我已经尝试过此代码,但给我一个错误.我的代码如下： def get_temperature_show(request): all_temperatures = Temper.objects.all() dates_label = [] sensor1_temp = [] sensor2_temp = [] sensor3

将JavaScript内容放置在Bootstrap Popover中

我在将JavaScript放入Popover时遇到问题.我想在单击时将来自Chart.js的图形放在Popover内部.为了便于说明,请使用文档http://www.chartjs.org/docs/latest/中的示例图到目前为止,我有我的Popover- <button type="button" class="btn btn-lg btn-primary" data-

javascript-图例中的条形标签

我的问题类似于How to show bar labels in legend in Chart.js 2.1.6? 我想要具有饼图给出的相同输出,但是我不想创建多个数据集.我设法做到了,但现在找不到方法了. 这是我的代码示例： var myChart = new Chart(ctx, { type: type_p, data: { labels: ['Lundi','M

javascript-如何在Chart.js 2中设置轴的步长？

我使用带有3个Y轴的chart.js创建了一个简单的折线图： https://codepen.io/anon/pen/dZVgKw 如您所见,最后一个数字是10到20,中间没有任何数字.如何在此处设置步长？这是我添加斧头的方式： { id: 'C', type: 'linear', position: 'left', ticks: { max: 10, min: 20,

php-如何在Html2Pdf中添加ChartJS代码以查看图像

我正在使用Chart.js. 这是我的php文件,我使用过javascript,通过它我可以简单地创建图表并在此之后创建图表图像. <script> function done(){ var url=myLine.toBase64Image(); document.getElementById("url").src=url;

php-如何使用“时间”(数据库中的数据,数据类型：timestamp)在Chart JS中绘制图形

传感器设备(温度传感器)每10秒向数据库发送一次数据.我必须在一天的时间和温度之间绘制一个图(最新数据).我设法从数据库中获取数据.问题是因为我有大量的时间数据以及如何使用它来标记Y轴.日期和时间的格式为2019-04-09 12:28:36.但是我可以提取时间.但是仍然如何在一个(Y)轴上使

javascript-chart.js线性图：在线条上方填充区域,而不是下方和右侧

我有一个chart.js,它显示两条不同的线,在这条线上将始终为正,而一条将始终为负. 我想可视化两条线之间的区域以及y轴上的值为0,因此要在正线下方和负线上方填写均以0结尾的图表.但是,Chart.js始终将行填入据我所知,给定行的右下角. 正确的行为：(来自chartist.js) 错误行为(来自char

javascript-如何在Chart.js中重新格式化工具提示？

如何在Chart.js中重新格式化工具提示？该图表以x轴为时间,以y轴为销售额,并在工具提示中显示x和y的数据值.到目前为止,默认情况下工具提示可以使用,但是我想更改工具提示中的值.我可以通过在“时间”中重新定义tooltipFormat字段来重新格式化时间.但是对于y轴数据,我找不到类似的东西

javascript-如何更改隐藏的图例项的颜色,而不是Chart.js中的删除线

我正在看这段代码,并添加了ctx.fillStyle =’red’,并得到了它.我单击电子书以隐藏其数据,但电子表格不是红色,而是缩微格式和视听垫变为红色. var fillText = function(x, y, legendItem, textWidth) { ctx.fillText(legendItem.text, boxWidth + (fontSize / 2) + x, y);

循环数据集ChartJS Javascript

我正在从返回以下内容的API获取数据集数组： [ "[0,0,0,0,0,0,0,0,0,0,0,0,0,58,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]", "[0,0,53,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]", "[0,0,381,0,0,649,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,

javascript-Angular控制器中的chart.js chart-click传递参数

我正在使用chart.js / angular-chart.js在饼图中显示一些数据. 我需要一些功能,当用户单击图表饼图内的标签时,单击事件将复制到所选图表值上. 我可以通过以下操作触发事件： $scope.chartClick = function() { alert('ok'); } 这是我的标记： <canvas i

javascript-无法使用jspdf和chartjs向画布添加背景色

我正在使用jspdf插件将条形图导出为pdf.图表上的条形为白色,因此当我导出为pdf(作为png图像)时,这些条在pdf的透明背景上不可见.我在容器上添加了灰色背景色,以使白色条清晰可见.当我将图形导出为pdf时,它仍显示透明背景而不是灰色.有人可以告诉我我在想什么吗？ javascript： $(d

javascript-Chart.js饼图未显示在Google Chrome画布中

测试版本：谷歌浏览器-56.0.2924.87Mozilla Firefox-51.0.1(32位) 在Chrome中开发应用程序时,我可以在其下插入带有图例的饼图.但是一段时间后,我再次转到该页面,该图不再呈现.在Firefox中进行了尝试,并进行了渲染.因此,通过我的测试,我能够通过将Chart.js版本从0.2.0更新到2.5.0来

javascript-将mouseout事件处理程序添加到Chart.js中的图例

在图例的onHover事件中,我想将鼠标光标的样式更改为指针(是的,可以按照下面显示的代码来完成).但是,如果鼠标移出图例,我想将鼠标光标更改回默认值. Chart.js中可能吗？谢谢. 注意：在Chart.js documentation中,它提供onHover回调,但没有mouseout. HTML： <canvas id="canvas1" height="

javascript-如何始终在没有鼠标悬停的情况下在chartjs中显示标签？