Tag: chart.js

Chart.js更改图例切换行为: 我有一张来自chart.js的雷达图表。目前，它加载了所有可行的数据，支持图例通过单击图例标签来表现，该标签可以切换与图例相关的数据。我希望能够点击图例标签，然后切换所有其他关闭并可能引入“全部”选项？这对map.js有用吗？以下是我的图表现在的样子： var chartata = { labels: [ “Strategic Development and Ownership”, “Driving change through others”, “Exec Disposition”, “Commercial Acumen”, “Develops High Performance Teams”, “Innovation and risk taking”, “Global Leadership”, “Industry Leader” ]}; var ctx = $(“#allRadarData”); var config = { type: ‘radar’, data: chartata, animationEasing: ‘linear’, options: { legend: { fontSize: […]

将逗号添加到ChartJS数据点: 我需要在ChartJS图中为数字添加逗号。防爆。数据点可能是1032.05,4334.75,8482.46，我需要它显示为1,032.05,4,334.75,8,482.46。以下是使用当前代码的开发站点的链接： http ： //investingcalculator.azurewebsites.net/ 我目前将值作为数组传递给计算，因为数组是逗号分隔的，我不知道如何更改数据点以使用逗号。我的计算代码如下。请注意我使用的要求： define([‘jquery’, ‘chartjs’], function ($) { var investCalc = { calculate: function () { var currentbalance = $(“#currentbalance”); var interestrate = $(“#interestrate”); var yearscontributing = $(“#yearscontributing”); var monthlycontribution = $(“#monthlycontribution”); var year = []; var yearlybalance = []; $(‘#calculate’).on(‘click’, function () { var P = parseFloat(currentbalance.val()); […]

使用chart.js将数据添加到折线图: 我想在图表中添加一个新数据，但是当调用我的“添加”function时，浏览器会抛出一个错误，上面写着“Uncaught TypeError：undefined is not function”。似乎图表对象无法识别“AddData”函数，但我不知道如何解决它。在文档中出现此function它对我不起作用。 .addData（valuesArray，label）在Chart实例上调用addData（valuesArray，label），为每个数据集传递一个值数组，以及这些点的标签。小提琴样本http://jsfiddle.net/rferreiraperez/pevy7vsz/5/ var myLineChart = new Chart(ctx).Line(data); $(“#add”).on( “click”, function() { var month = $(“#month”).val(); var point = $(“#point”).val(); var points = new Array(); points.push(point); console.log(“adding…”); console.log(“month:” + month); console.log(“point:” + point); myLineChart.addData(points, month); }); 非常感谢。

使用chart.js加载jquery: 我正在使用JQuery Load加载页面的一部分，并希望使用chart.js插件来构建图表作为页面的一部分。加载html加载正常，如果刷新页面，图表将构建，但有时，它永远不会在第一页加载时构建图表。我需要推迟或承诺吗？

ChartJS图表不在选项卡中生成: 我正在尝试在标签系统中使用ChartsJS。渲染第一个选项卡中的第一个图表，但后续图表不会。我相信这是因为选项卡有display:none ，所以当首次生成图表时，它们是在零维度的div中创建的。这解决了问题，但打破了标签： .vertical-nav>div.tab-content { display: block !important; } 考虑到这一点，我在打开选项卡后尝试了各种方法来重新生成图表，或者在生成图表之前强制display:block 。什么都行不通。这是我尝试重新生成图表： jQuery(document).ready(function() { jQuery(‘.vertical-nav ul li span’).click(function(){ // Target the canvas within the correct tab var tabIndex = jQuery(this).parent().index(); var canvasID = jQuery(‘.vertical-nav .tab-content:eq( ‘ + tabIndex + ‘ ) canvas’).attr(‘id’); theChart = charts[canvasID].chart; builtChart = charts[canvasID].builtChart; // Destroy all of […]

在窗口resize之前，ChartJS不会在引导选项卡中绘制图形: 我正在每个标签页面中使用带有chartjs图表的bootstrap选项卡。发生的一个问题是在我调整浏览器窗口大小之前不会绘制图形canvas。这种情况在最新的Chrome和Firefox中都有发生。我一直在尝试不同的解决方案，因为在更改选项卡后绘制图形但没有结果。不幸的是我无法在jsfiddle中复制问题，不知何故它似乎在那里工作。但除了html5样板之外，还有几乎所有的代码。有谁知道为什么会发生这种行为？谢谢！ /** * ChartJS using JSON data and moment.js for time display * Code is quite ugly due to experimentation */ function getJSON(){ $.getJSON( “data.json”, function(data){ var dataArray = []; console.log(data); var series = {}; for (var x in data.Series) { var dates = []; var values = […]

Chartjs条形图显示hover时的旧数据: 我有一个使用chart.js创建的条形图。在页面加载时一切正常，但是当我使用daterangepicker更改时间范围时，会出现毛刺。新数据被引入，但是当我将鼠标hover在它上面时，会显示旧数据。我是javascript的新手，所以我希望得到一些帮助。看起来我需要合并.destroy（）; 不知何故，但我不知道如何。我的代码片段如下： function loadFTPRChart(startdate, enddate){ var BCData = { labels: [], datasets: [ { label: “Pass %”, backgroundColor: “#536A7F”, data: [], stack: 1 }, { label: “Fail %”, backgroundColor: “#e6e6e6”, data: [], stack: 1 }, { label: “Auto %”, backgroundColor: “#286090”, data: [], stack: 2 }, { label: “Manual %”, […]

Chart.js 2.0使用货币和数千个分隔符格式化Y轴: 我在格式化图表轴时遇到问题，我无法找到更新版本2.0的示例。我如何（例如）2000000到€2.000.000？我的小提琴： https ： //jsfiddle.net/Hiuxing/4sLxyfya/4/ window.onload = function() { var ctx = document.getElementById(“canvas”).getContext(“2d”); window.myBar = new Chart(ctx, { type: ‘bar’, data: barChartData, options: { title: { display:true, text:”Figure” }, legend: { position: “bottom” }, tooltips: { mode: ‘label’, bodySpacing: 10, cornerRadius: 0, titleMarginBottom: 15 }, scales: { xAxes: [{ ticks: {} }], yAxes: [{ […]

如何从javascript数组本身向图表js添加数据？: 我想在数据结构数据中使用图表js ，如果我给出数字为 data : [40,80,5,190,56,55,40]工作正常。如果我给出一个数组变量或字符串变量，其中包含该数字 var myvalues = my_array.toString(); alert(myvalues); 我得到5,10,14,18变量以及数组。现在当我使用数组或字符串与图表数据时，如果我尝试如下，我无法获得图表 data : [myvalues] 使用barChartData的完整代码 var barChartData = { labels: [description], datasets: [ { fillColor: “rgba(220,220,220,0.5)”, strokeColor: “rgba(220,220,220,1)”, scaleOverride: true, scaleSteps: 100, stepValue: 1, barShowStroke: false, data: [myvalues] }, { fillColor: “rgba(151,187,205,0.5)”, strokeColor: “rgba(151,187,205,1)”, scaleOverride: true, scaleSteps: 100, barShowStroke: false, stepValue: 1, data: […]