Как изменить текст легенды круговой диаграммы. Я использую диаграммы c3 на моей странице php. Я уже прочитал документацию по c3-диаграммам, но не повезло.
В настоящее время я использую этот код, он показывает легенду для true но я не могу изменить текст, который я пробовал.
var chart = c3.generate({ bindto: '#container', padding: { top: 10, right: 0, bottom: 10, left: 0, }, data: { columns: [<?php echo $pieChartDataString; ?>], type : 'pie', labels: true }, legend: { show: true, position: 'upper-center' format: { title: function () { return "Legend title"; }, name : function () { return "Legend name"; }, value: function () { return "Legend value";} } } //But these legend values or not showing });
Он не показывает значения моей легенды, он всегда показывает только столбцы как легенду.
Есть ли способ изменить значения легенды.
Вы не предоставили данные, которые выводятся из вашего php, поэтому трудно сказать.
Но первый элемент в каждом из массивов столбцов определяет имя, которое содержится в легенде. Так:
columns: [ ['this is legend 1', 30], ['put your value here', 120], ]
приведет к тому, что метки легенд будут «это легенда 1» и «поместите свое значение здесь».
Вот скрипка: http://jsfiddle.net/jrdsxvys/9/
Изменить … Другой вариант – использовать свойство names, как это делается здесь: http://jsfiddle.net/jrdsxvys/40/
data: { columns: [ ['d1', 30], ['d2', 120] ], type: 'pie', labels: true, names: { d1: 'some name here', d2: 'another name' } }
@agpt Да. Свойство names – это хороший способ, как правило, потому что первое свойство массива данных столбцов, например, 'd1' выше, используется, когда вы делаете что-то вроде нескольких типов на диаграммах. например, для комбинации строк и строк с использованием types вместо type: 'pie' :
columns: [ ['bar_1', 3, 8, 6], ['bar_2', 4, 0, 7], ['bar_3', 2, 3, 0] ], types: { bar_1: 'bar', bar_2: 'line', bar_3: 'bar' }, names : { bar_1: 'Initial', bar_2: '3 month', bar_3: '6 month' }
Таким образом, использование свойства names позволяет использовать более «динамические» имена свойств и быть последовательными во всех конфигурациях.