小编Pel*_*lle的帖子

ChartJS - 有什么方法可以删除饼图周围的空白区域?

饼形图

我正在处理左侧和右侧有不需要的间距的图表.我一直在尝试删除它,没有运气,我不知道现在还能做什么.我已经彻底阅读了文档,但似乎无法找到解决方案.这可能吗?如果需要更多信息,请告诉我,我会提供.

编辑:

<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)

javascript space margin chart.js

9
推荐指数
2
解决办法
4292
查看次数

ChartJS - 如何在空饼图上显示边框?

我使用ChartJS显示了几个饼图/圆环图.通常,它们包含类似的数据[200, 1200, 300][30, 500]进行估算,但在极少数情况下,它们会包含[0, 0, 0][0, 0].问题是,即使我启用了边框,图表也会消失.我已经通过向数组中的第一个元素添加虚拟值来解决这个问题,但我不喜欢代码的外观和想要更好的方法.

当数组只包含零时,是否可以使边框可见(圆圈)?

编辑:我似乎没有得到这个问题的任何答案.当边框没有显示在空数据上或者这是预期的行为时,它被认为是一个错误吗?我不知道是否有其他人有这个问题.我仍然需要找到一个优雅的方法来处理这个问题,我还没有找到一个.

javascript charts chart.js

9
推荐指数
1
解决办法
1169
查看次数

ChartJS -- 当我必须缩放时如何更改缩放颜色?

有两个刻度的图表

我使用两个数据集创建了一个带有两个比例的漂亮小图表。我已经相当彻底地阅读了 ChartJS 的文档,但我似乎无法找到如何向图表比例(数字)添加特定颜色。左侧刻度应为橙色,右侧刻度应为蓝色。这是否可能,如果可以,我该怎么做?我认为我没有必要为图表本身提供任何源代码,但如果需要,请告诉我。

javascript css jquery colors chart.js

4
推荐指数
1
解决办法
3724
查看次数

如何跳过X轴上的标签?

图表

我已经尝试了很长一段时间,以弄清楚如何跳过此图表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)

javascript chart.js

0
推荐指数
1
解决办法
1684
查看次数

标签 统计

chart.js ×4

javascript ×4

charts ×1

colors ×1

css ×1

jquery ×1

margin ×1

space ×1