2015-02-23 2 views
10

Может ли кто-нибудь предложить мне способ добавить заголовок к строкам и гистограммам C3.js? У меня есть следующий образец, но он предназначен для калибровочной диаграммы. Для любой диаграммы c3 есть ли возможность установить заголовок диаграммы?Как добавить заголовок в таблицу c3.js

donut: { 
    title: 'Title' 
} 

ответ

6

Вам нужно будет вернуться к использованию D3, чтобы добавить название диаграммы. Что-то вроде:

d3.select("svg").append("text") 
    .attr("x", 100) 
    .attr("y", 50) 
    .style("text-anchor", "middle") 
    .text("Your chart title goes here"); 
2

также не смог найти способ и в итоге записал название как устройство и отредактировал метку.

gauge: { 
     label: { 
      format: function(value, ratio) { 
       return "%"+value; 
      }, 
      show: true // to turn off the min/max labels. 
     }, 
    min: 0, 
    max: 100, 
    units: "Overall Profit" 
// width: 39 // for adjusting arc thickness 
    }, 
1

Я использую этот код для своей диаграммы.

Код:

var chart = c3.generate({ 
     data: { 
      columns: [ 
       ['Monday', 70], 
       ['TuesDay', 20], 
       ['Wednesday', 30], 
       ['Thursday', 50], 
       ['Friday', 100] 
      ], 
      type: 'donut' 
     }, 
     donut: { 
      title: "usage " 
     } 
    }); 

Результат:

Result of my code

28

Это был топ результат Google, поэтому я думал, что я хотел бы добавить, что это теперь часть библиотеки:

title: { 
    text: 'My Title' 
} 

Дополнительная информация @https://github.com/masayuki0812/c3/pull/1025

+0

Примечание: требуется версия 0.4.11 –

+0

Работает отлично –

Смежные вопросы