c3.js 自定义借出文本问题

Question

我正在使用 C3.js 并且需要在图例中显示自定义图例文本而不是数据 1、数据 2 等。所以我使用了名称属性但自定义的图例文本仍然没有出现。

以下是我的代码：

$scope.chart1 = {
        size: {
            height: 175
                // width: 480
        },
        data: {
            type: 'pie',
            columns: [
                ['data1', 45],
                ['data2', 100],
                ['data3', 60],
                ['data4', 5]
            ]
        },
        tooltip: {

        },
        legend: {
            show: true,
            position: 'right'
        },
        names: {
            'data1': 'warning',
            'data2': 'success',
            'data2': 'info',
            'data2': 'danger'
        } 
    };

任何人都可以帮助显示自定义图例文本的正确方法是什么？

Answer 1

var chart = c3.generate({
    padding: {
        top: 10,
        right: 0,
        bottom: 10,
        left: 0,
    },
    data: {
        columns: [ ['data1', 45],
                ['data2', 100],
                ['data3', 60],
                ['data4', 5]],
        type: 'pie',
        labels: true,
      names:{
            'data1': 'warning',
            'data2': 'success',
            'data2': 'info',
            'data2': 'danger'
    }
    }
    //But these legend values or not showing 

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<div id='chart' />

c3.js 自定义借出文本问题

c3.js custom lend text issue

javascript

c3.js