azovl
@azovl

Как в круговой диаграмме (jqChart) вывести метки не числами, а строками (названиями)?

Добрый день!
Такая ситуация, диаграмма отображается но метки на диаграмме выводятся цифрами, процентами, чем угодно, но не названием (текстом).
У меня есть такой код:
$('#jqChart').jqChart({
                    legend: { visible: false },
                    animation: { duration: 1 },
                    series: [
                        {
                            type: 'pie',
                            fillStyles: ['#418CF0', '#FCB441', '#E0400A', '#056492', '#BFBFBF'],
                            labels: {
                                stringFormat: '%s',
                                valueType: 'dataValue',
                                font: '15px sans-serif',
                                fillStyle: 'white'
                            },
                            data: [['N', 65], ['A', 58], ['B', 30],
                                ['F', 60], ['C', 65]]
                        }
                    ]
                });


Данный кусок кода отвечает именно за названия в каждом кусочке моего "пирога".
labels: {
                                stringFormat: '%s',
                                valueType: 'dataValue',
                                font: '15px sans-serif',
                                fillStyle: 'white'
                            },


Изображение того, что я хочу:
a63eda10400d4410add5d9f4a36781c8.png
  • Вопрос задан
  • 2269 просмотров
Решения вопроса 1
azovl
@azovl Автор вопроса
$('#jqChart').bind('dataPointLabelCreating', function (event, data) {
                data.text = data.context.dataItem[0];
            });


            $('#jqChart').jqChart({
                legend: { visible: false },
                animation: { duration: 1 },
                series: [
                    {
                        type: 'pie',
                        fillStyles: ['#418CF0', '#FCB441', '#E0400A', '#056492', '#BFBFBF'],
                        labels: {
                            stringFormat: '%s',
                            valueType: 'dataValue',
                            font: '15px sans-serif',
                            fillStyle: 'white'
                        },
                        data: [['N', 65], ['A', 58], ['B', 30],
                        ['F', 60], ['C', 65]]
                    }
                ]
            });
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы