Question

请帮助解决此问题，如何更改轴文本的缩写图中的字体颜色和字体大小

这里是我的示例图表

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

          string dtS = dt.ToString("yyMMdd");
            kempty = dtS;

          var varbran = cnx.employeeidprefix_master.Select(x => new { x.IDName }).ToList();

           if (varbran.Count > 0)
           {
               foreach (var it1 in varbran)
               {
                   idname = it1.IDName;
               }
           }


            int empCpunt = 0;

            empCpunt = cnx.employee_master.Select(x=> new {x.EmployeeID}).Count() + 1000;

            while (true)
            {

                empCpunt++;

                varEmpID1 = idname + dtS + empCpunt.ToString();

                var varEmp1 = from c in cnx.employee_master.ToList() where c.EmployeeID == varEmpID1 select new { c.EmployeeID };

                if (varEmp1.Count() < 1)
                    break;
            }
            txtempid.Text = varEmpID1;
            return varEmpID1;

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

如何修改轴文本的sencha图表中的字体颜色和字体大小

1 个答案: