图表气泡图分类y标签，带字符串图问题中的数字
我正在使用 ChartJS （v2.9） 根据时间序列数据对分类 y 轴标签进行气泡图绘制。
我看到奇怪的行为，因为如果y轴类别在字符串中的任何位置都有一个数值，则尽管标签仍然存在，但不会绘制数据。
如果我编辑它，使其没有数值，则数据绘制正常。
将数据记录到控制台看起来很好，没有错误。
我已经在许多数据集中看到了这一点。有人在ChartJS气泡图中看到过这种行为吗？你能解决它吗？
提前致谢...
托尼
在标签字符串中没有数字的绘图在标签字符串中带有数字的绘图
共有1个答案
最好更新到图表。js 3.3和使用这些方法：https://www.chartjs.org/docs/3.3.0/axes/cartesian/category.html
var bubbleBackgroundColor = function() {
return 'rgba(255, 206, 86, 0.2)'
};
var bubbleBorderColor = function() {
return 'rgba(255, 206, 86, 1)'
};
var bubbleChartData = {
animation: {
duration: 10
},
// Documentation says the tick values tick.min & tick.max must be in the Labels array. So thats what I have below
datasets: [{
label: "Requests and bookings",
fill: false,
lineTension: 0.1,
backgroundColor: bubbleBackgroundColor(),
borderColor: bubbleBorderColor(),
borderCapStyle: 'butt',
borderDash: [],
borderDashOffset: 0.0,
borderJoinStyle: 'miter',
pointBorderColor: "rgba(75,192,192,1)",
pointBackgroundColor: "#fff",
pointBorderWidth: 1,
pointHoverRadius: 5,
pointHoverBackgroundColor: "rgba(153, 102, 155, 0.2)",
pointHoverBorderColor: "rgba(153, 102, 155, 1)",
pointHoverBorderWidth: 2,
pointRadius: 1,
pointHitRadius: 10,
// how would the data change ...how can the numbers for y be replaced with strings
data:[{x: "Mon",y: "Tue",r: 15},{x: "Tue",y: "Thu",r: 19},{x: "wed",y: "wed",r: 50}]
}]
};
var ctx = document.getElementById('bubble');
var bubble = new Chart(ctx, {
type: 'bubble',
data: bubbleChartData,
options: {
responsive: true,
title: {
display: true,
text:'Weekly activity'
},
scales: {
y: {
// will this create y-axis with days of week?
type: 'category',
labels: ["Mon", "Tue", "wed", "Thu"]
},
x: {
type: 'category',
labels: ["Mon", "Tue", "wed", "Thu"]
}
}
}
});<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<body>
<canvas id="bubble"></canvas>
</body>-
我试图从值中检索Main和Description，但是它没有显示在UILabel中。所有其他参数显示良好。比如温度，最高和最低温度，风速和风向。我也有天气图标的困难，需要一些指导，如果我的代码是正确的。 这是查询的结果: {“coord”：{“lon”：-114.09，“lat”： 51.05}，“天气”：[{“id”： 802，“main”：“Clouds”，“描述”：“散落的云”，“图标”：“
-
气泡图以气泡的形式可视化度量和维度。 气泡图是一组圆圈。维度字段的每个值表示圆圈，度量值表示这些圆圈的大小。 设置气泡的颜色以区分维度中存在的成员。以下是创建气泡图的步骤。 例如，考虑数据源(如样本超市)，以及是否要查找不同出货模式的利润。然后， 第1步：拖动度量利润(Profit)并拖放到“大小(Size)”窗格中。 第2步：拖动维度Ship Mode并放入“Labels”窗格。 第3步：同时将
-
主要内容：什么是JFreeChart 气泡图,JFreeChart 气泡图的示例什么是JFreeChart 气泡图 气泡图以三维方式表示信息。此图表是散点图（XY 图表）的变体，其中数据点由气泡替换，数据的附加维度（z 值）以气泡的大小表示。 下图显示了 JFreeChart 库中包含的气泡图的一些演示版本： JFreeChart 气泡图的示例 让我们考虑以下气泡图的示例数据。 国家 汽车 公交车 卡车 印度 40 65 70 美国 30 20 50 中国 80 50 80
-
本章节我们将为大家介绍 Highcharts 的气泡图。 我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看下 Highcharts 的其他配置。 配置 chart 配置 配置 chart 的 type 为 'bubble' 。chart.type 描述了图表类型。默认值为 "line"。 chart.zoomType 属性可配置图表放大 ，通过拖动鼠标进行缩放，沿x轴或
-
以下是带有标签的气泡图的示例。 我们已经在Google Charts Configuration Syntax一章中看到了用于绘制图表的配置 。 现在，让我们看一个带有数据标签的气泡图的示例。 配置 (Configurations) 我们使用BubbleChart类来显示带有数据标签的气泡图。 // bubble chart BubbleChart chart = new BubbleChart(
-
散点图和气泡图常用于展现数据的分布情况。 一、散点图 图4-11 Highcharts 散点图 散点图相关的配置参考 API 文档： 散点图配置：针对当前数据列有效 散点数据列配置 ：针对当前页面的所有散点数据列有效 下面简单列举散点图的特性及常见问题 1、线图转换成散点图 散点图和直线图的区别是散点图少了点之间的连线，所以只需要隐藏线图的线条即可将线图转换成散点图。 series: [{