如何修改轴文本煎茶图字体颜色和字体大小

Question

请在这方面的帮助，如何改变煎茶图字体颜色和字体大小轴文本

我在这里的示例图表

http://jsfiddle.net/onlinesolution/djaydxnd/58/

axes: [ 
    { 
      type: 'Numeric', 
      position: 'bottom', 
      fields: ['data1'], 
      minimum: 0, 
      maximum:20, 
      fontSize:20 
     }, { 
      type: 'Category', 
      position: 'top', 
      fields: ['month'], 
     } 
], 

Answer 1

您需要定义一个自定义主题此图表：

Ext.define('Ext.chart.theme.StackOverflow', { 
    extend: 'Ext.chart.theme.Green', 

    constructor: function(config) { 
     this.callParent([Ext.apply({ 
      axisLabelBottom: { 
       font: '22px Arial' 
      } 
     }, config)]); 
    } 
}); 

以后你可以在你的图表配置使用这个主题：

Ext.create('Ext.chart.Chart', { 
    theme: 'StackOverflow' 
    //[...] 
} 

这是一个完整的例子：
http://jsfiddle.net/L4x72q3j/

以下是这方面的一些较旧的但仍然有效的细节： http://docs.sencha.com/extjs/4.1.3/#!/guide/drawing_and_charting-section-theming
这里基于更新的ExtJs版本相同： http://docs.sencha.com/extjs/6.5.0/classic/Ext.chart.theme.Base.html#cfg-axis