时间戳

首页 > 解决方案 > 如何隐藏视图中的列（数字）数据？

c3.js - 如何隐藏视图中的列（数字）数据？

问题描述

我正在使用 c3.js 绘制图表。每件事都很顺利，除了在图表中显示时我找不到隐藏列（整数值）数据的方法。

示例src就这么简单：</p> 

var chart = c3.generate({
data: {
    columns: [
        ['myindex',100,200,300,400,500,600],
        ['data1', 30, 200, 100, 400, 150, 250],
        ['data2', 50, 20, 10, 40, 15, 25],
        ['oth','a1','b2','c3','d4','ef','gh'],
    ],
    order: null,
    type: 'bar',
    groups:[["data1","data2"]],
    hide:["myindex",'oth'],
},
legend: {
    show: true,
    hide:["myindex","oth"],
},
subchart: {
    show: true
},

});

======================

结果显示： 结果图

===================== 在这段代码中我有一个列数据'myindex'（我需要用它来自定义提示）但不想显示它在图表中。我只是希望它像子图表视图一样显示。谁能帮我告诉我如何解决它？

标签： c3.js

解决方案

也许chart.x在生成图表时尝试该属性？

您可以在此处查看示例：C3 示例

var chart = c3.generate({
    data: {
        x: 'myindex',
        columns: [
            ['myindex',100,200,300,400,500,600],
            ['data1', 30, 200, 100, 400, 150, 250],
            ['data2', 50, 20, 10, 40, 15, 25],
            ['oth','a1','b2','c3','d4','ef','gh'],
        ],
        order: null,
        type: 'bar',
        groups:[["data1","data2"]],
        hide:["myindex",'oth'],
    },
    legend: {
        show: true,
        hide:["myindex","oth"],
    },
    subchart: {
        show: true
    },
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.6.7/c3.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.6.7/c3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>

<div id=chart></div>

推荐阅读