Question

我使用c3图表表示js。我的代码如下：

c3.generate({
        bindto:'#someChart',
        data: {
            columns: [
                data
            ]
        },
        axis: {
            x : {
                type: 'categories',
                categories:categories,
                tick:{
                    count: 12
                }
            }
        },
        point:{
            show:false
        }
    });

我有一个问题。在x轴上仅显示第一个和最后一个值（第12个）。

Answer 1

这是c3中的已知错误，如果该滴答是由于在小数x值处发生的（即滴答数意味着它应该弹出说每个2.06666类别）那么它不会渲染 - ＆gt; https://github.com/c3js/c3/issues/1638

在生成图表之前，有一个修复程序可以运行 - ＆gt;

private void dataGridView1_SortCompare(object sender, DataGridViewSortCompareEventArgs e)
{
    if (e.RowIndex1 == 0)
    {
        e.Handled = true;
    }
    else
    {
        e.Handled = false;
    }
}

但是我发现虽然它现在显示了正确的刻度数，但它通常仍然没有排列标签并且很好地对数据点进行排序（它们位于中间位置）。

在这一点上，如果可以的话，最好设置滴答数（-1）除以你想要显示的数据点数（-1）的分数，它们都是避免你的初始问题并顺利排队。

e.g。（datapoints - 1）/（no.of.ticks - 1）==整数

c3图表上的x轴仅显示第一个和最后一个值

1 个答案: