我正在使用 2 个 canvasjs 插件饼图和柱形图的图表。在饼状图中,元素的标签非常好,它使用所有空格来释放内容,但是如果一个标签的长度很大,则柱状图会被跳过。但我不希望它跳过。所以这是我的问题,有没有办法在柱形图(条形图)中使用标签(仅限 X 轴),就像在饼图中一样?
谢谢你。
注意:我解析它,更改它等等。如果我中断插件本身,一切都会出现另一个问题,所以我需要解决方案。
我正在使用 2 个 canvasjs 插件饼图和柱形图的图表。在饼状图中,元素的标签非常好,它使用所有空格来释放内容,但是如果一个标签的长度很大,则柱状图会被跳过。但我不希望它跳过。所以这是我的问题,有没有办法在柱形图(条形图)中使用标签(仅限 X 轴),就像在饼图中一样?
谢谢你。
注意:我解析它,更改它等等。如果我中断插件本身,一切都会出现另一个问题,所以我需要解决方案。
当图表太靠近以避免重叠时,图表会自动跳过标签。您可以通过将间隔设置为 1 来覆盖此行为。
有关详细信息,请参阅轴 X 间隔。
这是一个例子:
var chart = new CanvasJS.Chart("chartContainer",
{
axisX:{
title: "Axis X with interval 1",
interval: 1
},
data: [
{
type: "column",
dataPoints: [
{ x: 1, y: 71 },
{ x: 2, y: 55 },
{ x: 3, y: 50 },
{ x: 4, y: 65 },
{ x: 5, y: 95 },
{ x: 6, y: 68 },
{ x: 7, y: 28 },
{ x: 8, y: 34 },
{ x: 9, y: 14 },
{ x: 10, y: 14 },
{ x: 11, y: 71 },
{ x: 12, y: 55 },
{ x: 13, y: 50 },
{ x: 14, y: 65 },
{ x: 15, y: 95 },
{ x: 16, y: 68 },
{ x: 17, y: 28 },
{ x: 18, y: 34 },
{ x: 19, y: 14 }
]
}
]
});
chart.render();
<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/>
<div id="chartContainer" style="height: 360px; width: 100%;"></div>