extjs - extjs4:如何在每个单词中自定义轴标签

我现在使用extjs 4及其Ext.chart.axis.Category。

但是如何自定义每个单词中的标签？

假设，我在轴底部的标签中有72个数字，我只想使用粗体24和48。

我检查了Ext.chart.Label，发现确实有一个有用的函数称为renderer。但是它仅用于文本更改，而不用于样式更改。

我的示例代码片段:

{
    xtype: 'chart',
    id: 'monitorAmmeter72chart',
    animate: false,
    region: 'center',
    store:Ext.data.StoreManager.lookup('monitorAmmeter72Store'),
    axes: [
        {
            type: 'Category',
            fields: ['hourDis'],
            position: 'bottom',
            title: 'blablabla',
            grid: true,
            label:{
                renderer:function(v){
                    if(v == '24'){
                        return '<b>24</b>';//Note, this won't work.
                    }else{
                        return v;
                    }
                }
            }
        },
        {
            type: 'Numeric',
            fields: ['data'],
            position: 'left',
            title: 'another blablabla',
            grid: true,
            minimum: 0
        }
    ],
     series: [
        {
            type: 'column',
            axis: 'left',
            highlight: false,
            tips: {
              trackMouse: false,
              width: 50,
              height: 28,
              renderer: function(storeItem, item) {
                this.setTitle(storeItem.get('data') + ' xx');
              }
            },
            style: {
                fill: '#38B8BF'
            },
            gutter: 20,
            xField: 'hour',
            yField: 'data'
        }
    ]
}

最佳答案

我正在使用extjs 4.2.1并且正在做:

label: {
 renderer: function(v) {
  if(v == 'Capitale-Nationale'){
   this.font = "bold 12px Arial, Helvetica, sans-serif";
   this.padding = 5;
  }
  else{
   this.font = "12px Arial, Helvetica, sans-serif";
   this.padding = 5;
  }
  return v;
 }
},

关于extjs - extjs4:如何在每个单词中自定义轴标签，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9552966/