C3-在折线图上添加自定义标签

时间:2018-08-05 19:31:11

标签: d3.js c3.js

我有一个C3图表

我想在读取其y值的每个点上添加一个标签,并附加一个百分号。

例如400%。

有条形图解决方案

labels: {
                format: {
                    y: d3.format("$,")
                    //y: function (v, id) { return "Custom Format: " + id; }
                }

但这不适用于折线图。

在条形图的自定义标签上也有不错的answer,但是,这似乎并没有转移到折线图上。

自定义工具提示上有一个不错的answer,但我不知道如何在折线图中创建自定义标签。

尝试:http://jsfiddle.net/7kYJu/6547/

此外,由于某种原因,使用%会阻止图形显示,而$会起作用,例如

y: d3.format("$,")

1 个答案:

答案 0 :(得分:2)

尝试

`var chart = c3.generate({
   data: {
                columns: [
                    ['data1', 30, 200, 100, 400, 150, 250],
                    ['data2', 130, 100, 140, 200, 150, 50]
                ],
                type: 'line',
                labels: {
                    format: {
                        data1: d3.format("$,")
                        //data1: function (v, id) { return "Custom Format: " + id; }
                    }
                }
            }
});`

它应该是数据数组,而不是要在格式对象中作为键提及的轴