Sencha touch 2.3.1 - 丢失图表

时间:2014-01-24 19:04:16

标签: charts sencha-touch-2

我正在开发一个sencha touch应用程序,我下载的版本(2.3.1。)将图表,draw和fx src文件夹清空。我无法找到如何配置要下载的包或从何处下载所需的源。

这是许可问题吗?我浏览了整个网站,但找不到解释原因的原因

1 个答案:

答案 0 :(得分:3)

<强>更新

由于我回答了这个问题,因此我使用NVD3图表创建了Sencha Touch / ExtJS扩展。您可以在此处获取扩展程序:https://github.com/woodenconsulting/OpenCharts-For-Sencha-Touch-and-ExtJS


您必须购买可在此处执行的许可证:https://www.sencha.com/store/sencha-touch-bundle/

或者,您可以合并nvd3图表。我已将它们与几个sencha应用程序一起使用。你可以在这里下载nvd3:http://nvd3.org/

以下是在Sencha中使用nvd3的简单BarChart示例:

Ext.define('MyApp.view.BarChart',{
    extend: 'Ext.Component',

    xtype: 'barchart',

    config: {
        chartData:[],
        layout:'fit',
        height:'100%',
        width:'100%'
    },

    initialize: function(){
        // Init and add a bar chart
        nv.addGraph(Ext.bind(function(){
            var chart = nv.models.discreteBarChart().x(function(d) { return d.label; }).y(function(d) { return d.value; }).staggerLabels(true).tooltips(false).showValues(true);
            d3.select(this.innerElement.dom).append('svg').datum(this.getChartData()).transition().duration(500).call(chart);

            nv.utils.windowResize(chart.update);

            this.chart = chart;

            return chart;
        },this));
    }
});

然后在您的控制器中,您可以像这样实例化它:

var averageTimeChart = Ext.create('MyApp.view.BarChart', {
        chartData: [{
            key: 'Average Time Per Day',
            values: data
        }]
    });