
我正在处理左侧和右侧有不需要的间距的图表.我一直在尝试删除它,没有运气,我不知道现在还能做什么.我已经彻底阅读了文档,但似乎无法找到解决方案.这可能吗?如果需要更多信息,请告诉我,我会提供.
编辑:
<div>
<canvas id="chart-gender"></canvas>
</div>
<script>
var gender_data = [10, 35];
var graph_gender_preset = {
labels: ["Female", "Male"],
datasets: [
{
data: gender_data,
backgroundColor: ["#0fa0e3", "#ff3549"]
}
]
};
var ctx3 = $("#chart-gender");
var chart_gender = new Chart(ctx3, {
type: 'doughnut',
data: graph_gender_preset,
options: {
responsive: true,
title: {
display: false,
position: "top",
fontStyle: "bold",
fontSize: 0,
fullWidth: false,
padding: 0
},
legend: {
display: false,
position: "top",
fullWidth: false,
labels: { display: false, usePointStyle: true, fontSize: 15, fontStyle: …Run Code Online (Sandbox Code Playgroud) 我使用ChartJS显示了几个饼图/圆环图.通常,它们包含类似的数据[200, 1200, 300]并[30, 500]进行估算,但在极少数情况下,它们会包含[0, 0, 0]和[0, 0].问题是,即使我启用了边框,图表也会消失.我已经通过向数组中的第一个元素添加虚拟值来解决这个问题,但我不喜欢代码的外观和想要更好的方法.
当数组只包含零时,是否可以使边框可见(圆圈)?
编辑:我似乎没有得到这个问题的任何答案.当边框没有显示在空数据上或者这是预期的行为时,它被认为是一个错误吗?我不知道是否有其他人有这个问题.我仍然需要找到一个优雅的方法来处理这个问题,我还没有找到一个.
我使用两个数据集创建了一个带有两个比例的漂亮小图表。我已经相当彻底地阅读了 ChartJS 的文档,但我似乎无法找到如何向图表比例(数字)添加特定颜色。左侧刻度应为橙色,右侧刻度应为蓝色。这是否可能,如果可以,我该怎么做?我认为我没有必要为图表本身提供任何源代码,但如果需要,请告诉我。
我已经尝试了很长一段时间,以弄清楚如何跳过此图表X轴上的标签。因此,例如,显示每三个或第四个标签。我尝试将autoSkip和stepSize添加到tick配置中,但是没有任何变化。有没有简单的方法可以做到这一点?
编辑:
visitorsLabels = ["januar", "desember", "november", "oktober", "september", "august", "juli", "juni", "mai", "april", "mars", "februar"]
var visitors_data = [2, 4, 2, 1, 2, 4, 2, 1, 2, 4, 2, 1];
var ctx1 = $("#chart-visitors");
var graph_visitors_preset = {
labels: visitorsLabels,
datasets: [
{
fill: true,
lineTension: 0.1,
backgroundColor: "#f9f9f9",
borderColor: "#72bce3",
borderCapStyle: 'butt',
borderDash: [],
borderDashOffset: 0.0,
borderJoinStyle: 'miter',
pointBorderColor: "rgba(75,192,192,1)",
pointBackgroundColor: "#fff",
pointBorderWidth: 1,
pointHoverRadius: 5,
pointHoverBackgroundColor: "rgba(75,192,192,1)",
pointHoverBorderColor: "rgba(220,220,220,1)",
pointHoverBorderWidth: 2,
pointRadius: 1,
pointHitRadius: 10,
data: visitors_data, …Run Code Online (Sandbox Code Playgroud)