隐藏某些图例元素

时间:2017-07-07 03:06:25

标签: legend c3.js

我使用names属性标记散点图图例。我无法找到仅显示data14,data15,data16和data17的图例的方法,并隐藏data1到data13的图例元素。

data1到data13将始终相同,data14到data17可能会扩展或折叠,标签文本也会发生变化。

  names: { 
        data1: '2%',
        data2: '5%',
        data3: '10%',
        data4: '15%',
        data5: '20%',
        data6: '25%',
        data7: '30%',
        data8: '35%',
        data9: '40%',
        data10: '45%',
        data11: '50%',
        data12: '55%',
        data13: '60%',

        data14: 'Oracle',
        data15: 'HP',
        data16: 'MS',
        data17: 'Oracle'
   },

1 个答案:

答案 0 :(得分:2)

设置图表图例不可见:

legend: {
  show: false
}

然后,仅使用您想要的元素使图例可见:

chart.legend.show(['data14', 'data15', 'data16', 'data17'])