包含低值的条形在图表上几乎看不见
在此处输入图像描述
grafico（）{const bgColor={id：'bgColor'， beforeDraw：（图表，步骤，选项）=
yAxes: [
{
beginAtZero:true,
ticks: {
callback(value, index) {
return 'R$' + value;
},
},
},
],
xAxes: [{}],
},
legend: {
display: false,
},
},
plugins: [bgColor],
data: {
labels: this.dateChartFormated,
datasets: [
{
type: 'line',
label: 'R$',
data: this.finalBalanceChart,
backgroundColor: 'rgb(0,53,132)',
borderColor: 'rgb(0,53,132)',
lineTension: 0,
fill: false,
},
{
type: 'bar',
label: 'R$',
data: this.receivedAmounts,
backgroundColor: 'rgb(37,126,37)',
fill: false,
},
{
type: 'bar',
label: 'R$',
backgroundColor: 'rgb(233,64,64)',
borderColor: 'rgb(233,64,64)',
borderWidth: 1,
data: this.paymentAmounts,
fill: false,
},
],
},
});
}
共有1个答案
这就是图表的工作原理以及数据的正确表示方式。但是，如果您希望所有条形图都更加明显，则可以使用 minBar 长度选项。这可确保条形图至少有那么多像素高。
这可以在数据集级别上进行配置，因此只有来自该数据集的条形图才会如此高，或者在yAxes的选项中的图表级别上，尽管图表级别选项已被弃用，并且在V3中不再工作：
const options = {
type: 'bar',
data: {
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
datasets: [{
label: '# of Votes',
data: [1200, 19, 3, 5, 2, 3],
backgroundColor: 'pink'
},
{
label: '# of Points',
data: [7, 11, 5, 8, 3, 7],
backgroundColor: 'orange',
minBarLength: 100, // Set the min bar length on a dataset level so only the orange bars will be at least 100 pixels high
}
]
},
options: {
scales: {
yAxes: [{
minBarLength: 100, // Set the min bar length on a chart level so all bars will be at least 100 pixels high
}]
}
}
}
const ctx = document.getElementById('chartJSContainer').getContext('2d');
new Chart(ctx, options);html lang-html prettyprint-override"><body>
<canvas id="chartJSContainer" width="600" height="400"></canvas>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"></script>
</body>-
我正在尝试创建包含值的访客条形图，例如： 我想显示一个每日总访客的条形图，该条形图应包含总访客和首次访客的信息。 所以数据条应该看起来像： 我查看了chartjs文档，但只找到了具有堆叠值的示例，并且该解决方案不适用于我所需的设计，是否有人可以参考文档/文章/教程或个人经验，或者我应该切换到d3js？谢谢
-
我正在使用Chart.js并将其设置为生成一个漂亮的条形图。不幸的是，当您将鼠标悬停在条形图上时，默认弹出窗口仅显示条形图的值。我想弹出显示组中每个条的标签及其值。你有什么例子吗？非常感谢你！ 实例
-
我有点生气。我目前正在尝试在条形图的顶部绘制条形图值，但值未对齐。是否可以将值放在相应的条形图内？我做了一些挖掘，发现这在一定程度上帮助了我：python - 如何在酒吧图的顶部显示值 我的代码：
-
我有一个这样的数据帧： 现在，我想绘制水平条形图，其中平台名称位于相应的条形图中，使其看起来像这样： 我该怎么做？
-
问题内容： 我一直在寻找一种方法，用DataFrame中的四舍五入的数值在Pandas条形图中标注条形。 我想得到这样的东西： 我尝试使用此代码示例，但所有注释均以x刻度为中心： 问题答案： 你可以直接从轴的补丁中获取它： 你可能需要调整字符串格式和偏移量以使内容居中，也许使用from的宽度·，但这应该可以帮助你开始。除非你在某处跟踪偏移量，否则它可能不适用于堆积的条形图。
-
我正在尝试使用postgis执行空间统计。偶尔我会ST_Clip粉碎并停止查询。我认为当面几乎不与栅格相交时会发生这种情况。请参阅下面的示例。 通过上述查询，我收到以下错误。 我希望不返回任何记录，或者某种空栅格。在我的生产代码中，几何/栅格对是通过面表和栅格表之间的找到的。我想过为栅格制作边界框的一种方式，它比栅格的范围略小，但这很丑陋...... 我的postgres和postgis版本是 x