javascript - 尝试在 extjs 饼图图例文本中显示 htmltag 字符串

Question

之前

之后

我的代码链接(供引用): https://fiddle.sencha.com/#fiddle/d32

Answer 1

在将数据绑定(bind)到商店之前，您必须对数据进行 html 编码。试试这个。

var holdData = [{
    'name': '<test>',
    'data': 10
 }, {
    'name': 'metric two',
    'data': 7
 }, {
   'name': '<metric three>',
   'data': 5
 }, {
   'name': 'metric four',
   'data': 2
 }, {
   'name': 'metric five',
   'data': 27
}];

holdData.map(function(d){ d.name=Ext.util.Format.htmlEncode(d.name); return d; });

var store = Ext.create('Ext.data.JsonStore', {
   fields: ['name', 'data'],
   data: holdData
});