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

【问题标题】：c3.js custom lend text issuec3.js 自定义借出文本问题
【发布时间】：2016-10-21 04:59:52
【问题描述】：

我正在使用 C3.js，需要在图例中显示自定义图例文本而不是 data1、data2 等。所以我使用了 names 属性，但自定义的图例文本仍然没有出现。

以下是我的代码：

$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'
        } 
    };

谁能帮助显示自定义图例文本的正确方法是什么？

【问题讨论】：

jsfiddle.net/jrdsxvys/9
是否有任何其他可能的方式来实现这一点，而无需直接保留这样的自定义文本。我需要有data1、data2，但在显示时我需要显示'警告'、'成功'等。

标签： javascript c3.js

【解决方案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' />

【讨论】：

基本上你用我不喜欢的客户文本替换了data1、data2等。我正在寻找的是，例如，如果您想为每个图例自定义颜色，您可以使用颜色属性（c3js.org/samples/data_color.html），同样有任何方法可以自定义图例文本。如果您看到stackoverflow.com/questions/30191582/… 的帖子，他提到了 names 属性用于此目的，但他的示例代码无法正常工作。我想要一个类似的解决方案
@MadasuK 这是你想要的吗？？