1

当替换图表时，其他一些这样的网格都很好。也许声明图表中存在某种错误？我的图表页面（projecttaskstatistics）：

Ext.define('yTrack.view.project.Task.Statistics' , {
    extended: 'Ext.chart.Chart',
    alias: 'widget.projecttaskstatistics',
    width: 500,
    height: 300,
    animate: true,
    store: 'Tasks.Timehistory',
    axes: [{
        type: 'Time',
        position: 'bottom',
        fields: ['time'],
        dateFormat: 'G',
        title: 'Use of time',
        grid: true
    }, {
        type: 'Category',
        position: 'left',
        fields: ['user_name'],
        title: 'Users'
    }],
    series: [{
        type: 'bar',
        axis: 'bottom',
        highlight: true,
        tips: {
            trackMouse: true,
            width: 140,
            height: 28
            renderer: function(storeItem, item) {
                this.setTitle(storeItem.get('user_name') + ': ' + storeItem.get('time') + ' views');
            }
        },
        label: {
            display: 'insideEnd',
            field: 'time',
            renderer: Ext.util.Format.dateRenderer('G:i'),
            orientation: 'horizontal',
            color: '#333',
            'text-anchor': 'middle'
        },
        xField: 'user_name',
        yField: 'time'
    }]
});

我可以找到错误。帮我。

4

3 回答 3

1

确实存在错误。

正如 Drew 所指出的，缺少冒号。

此外，您应该修复此行：

extended: 'Ext.chart.Chart',

对此：

extend: 'Ext.chart.Chart',

不过，您不需要您扩展的类。

于 2013-08-27T12:21:08.803 回答
0

您的代码中缺少逗号（在您的提示配置中的 height: 28 之后），试试这个，让我知道它是否有效：

Ext.define('yTrack.view.project.Task.Statistics' , { extend: 'Ext.chart.Chart', alias: 'widget.projecttaskstatistics', width: 500, height: 300, animate: true, store: 'Tasks.Timehistory', axes: [{
        type: 'Time',
        position: 'bottom',
        fields: ['time'],
        dateFormat: 'G',
        title: 'Use of time',
        grid: true
    }, {
        type: 'Category',
        position: 'left',
        fields: ['user_name'],
        title: 'Users' }], series: [{
    type: 'bar',
    axis: 'bottom',
    highlight: true,
    tips: {
        trackMouse: true,
        width: 140,
        height: 28,
        renderer: function(storeItem, item) {
            this.setTitle(storeItem.get('user_name') + ': ' + storeItem.get('time') + ' views');
        }
    },
    label: {
        display: 'insideEnd',
        field: 'time',
        renderer: Ext.util.Format.dateRenderer('G:i'),
        orientation: 'horizontal',
        color: '#333',
        'text-anchor': 'middle'
    },
    xField: 'user_name',
    yField: 'time' }] });
于 2013-08-27T12:13:36.287 回答
0

我遇到了同样的问题，并通过以下更改解决了

删除ext-all-debug.js

<script src="ext-4.2.0.663/ext-all-debug.js"></script>

添加ext-all.js

<script src="ext-4.2.0.663/ext-all.js"></script>

看来这是 ExtJs Debugger .js 文件中的一个错误。

试试吧。希望它会得到解决。

于 2014-10-03T12:20:42.260 回答