2016-08-06 4 views
1

Мне было интересно, есть ли способ иметь css-стиль внутри этого названия диаграммы.Формат диаграммы пончиков Название amcharts

chart.allLabels = [{ 
    'text': "<strong style='color:#666;font-size:18px'>80</strong>", 
    'align': 'center', 
    'y': '100' 
}]; 

Это просто показывает, как символьная строку вместо стилизации <strong> тега.

Возможно ли это?

+0

Я думаю, что встроенный css невозможно. Но вы можете включить генерацию имени класса, дать метке идентификатор, а затем использовать внешний стиль CSS для этого класса. – gerric

+0

Это отличная идея, спасибо! – devomac

ответ

0

Поскольку метки на диаграмме являются узлами SVG, они не поддерживают HTML и связанные с ними CSS.

Глядя на вашем примере, мне кажется, что вам нужно применить следующее всей этикетке:

  • Сделать смелое
  • Установить цвет # 666
  • Установить размер шрифта до 18

Все это выполнимо с label's properties:

chart.allLabels = [ { 
    "text": "80", 
    "align": "center", 
    "y": "100", 
    "bold": true, 
    "size": 18, 
    "color": "#666" 
} ]; 

Другой вариант - использовать CSS, как предлагалось в комментарии к @gerric.

+0

Я закончил тем, что мне пришлось немного стилизовать чуть больше, чем 80, в конце концов, так что я просто позиционировал div на диаграмме и ввел его в стиле css. Вы ответили на вопрос, который я просил, спасибо! – devomac

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