Question

我想扩大和扩大方形“单元格”同时但在layout tutorial或源代码中找不到某种类似的东西。有可能吗？

screen

function drawChart_LogsSelectingEvents_MissedDelivery_test() {

    var urlString = '../Logs/clnLogsSelectingEvents?grade=All&SC=1&CauseSC=3';

    $.ajax({
        type: 'GET',
        dataType: 'json',
        contentType: "application/json",
        //url: urlString,       //I have commented out but this is my original source.
        success: function (result) {

            //Create DataTable
            var data = new google.visualization.DataTable();

            //Add Columns
            data.addColumn('string', 'Review on Week');
            data.addColumn('string', 'Business Division');
            data.addColumn('string', 'Product');
            data.addColumn('string', 'Cause');
            data.addColumn('string', 'Next Step');  //inserted
            data.addColumn('string', 'Carrier Reference or Responsible');
            data.addColumn('number', 'Cost');
            data.addColumn('number', 'Quantity');
            data.addColumn('number', 'Age (d)');
            data.addColumn('string', 'Delivery Number');
            data.addColumn('string', 'Material Description');
            data.addColumn('string', '');
            data.addColumn('string', 'Actual State');

            //Add Rows
            var dataArray = [];
            for (i = 0; i < 10; i++) {
            //manually push data into table
                dataArray.push([
                  'string1',
                  'string2' + i,
                  'string3',
                  'string4',
                  'string5',
                  'string6',
                  10,
                  20,
                  5 + i,
                  'string7',
                  'string8',
                  'string9',
                  'string10'
                ]);
            }

            data.addRows(dataArray);

            //Options
            var options = {
                width: '100%',
                page: 'enable',
                pageSize: '3'
            };

            //Create Data View
            var view = new google.visualization.DataView(data);
            view.setColumns([12, 0, 1, 2, 3, 4, 5, 6, 8, 9, 10, 11]);

            // Create a dashboard.
            var dashboard = new google.visualization.Dashboard(
              document.getElementById('div_dashboard_Detail'));

            var categoryPicker1 = new google.visualization.ControlWrapper({
                'controlType': 'CategoryFilter',
                'containerId': 'div_dashboard_Detail_categoryPicker1',
                'options': {
                    'filterColumnIndex': 2,
                    'ui': {
                        'label': 'Business Division:'
                    }
                }
            });

            //THIS IS MY PROBLEM - SLIDER WILL NOT RENDER
            var categoryPicker2 = new google.visualization.ControlWrapper({
                'controlType': 'NumberRangeFilter',
                'containerId': 'div_dashboard_Detail_categoryPicker2',
                'options': {
                    'filterColumnIndex': 8    //Age (d)
                },
                'state': { 'lowValue': 0, 'highValue': 7 }
            });

            var chart = new google.visualization.ChartWrapper({
                'chartType': 'Table',
                'containerId': 'div_dashboard_Detail_chart',
                'options': {
                    showRowNumber: false,
                    width: '100%',
                    height: 'auto',
                    page: 'enable',
                    pageSize: '15',
                    sort: 'enable',
                    allowHtml: true
                }
            });

            //Object Binding
            dashboard.bind([categoryPicker1, categoryPicker2], [chart]);

            // Draw the dashboard.
            dashboard.draw(view);

        }   //END  success: function (result) {
    });     //END  $.ajax({
}           //END  function drawChart()

P.S.S：是否有任何关于颤动的大型开源项目（＆gt; ~5k行）？

Answer 1

如果您不需要滚动，可以使用Row和Column在每个维度中均匀布置项目。将您希望大小均匀的项目包裹在Expanded。

中

如果您想要滚动，请尝试GridView。

P.S。 Fuchsia是一个使用Flutter的大型开源项目。但是，这类问题不适合Stack Overflow。

如何制作扩展和方形的img小部件

1 个答案: