Диапазон оси Y графиков Vega

       <script src='https://www.gstatic.com/charts/loader.js'></script>
    <script>
      google.charts.load('49', {'packages': ['vegachart']}).then(drawChart);

      function drawChart() {
        const dataTable = new google.visualization.DataTable();
          
          
          
                          <?php 
          
        $a=0;
        $b=0;
        $c=0;
        $d=0;
        $e=0;
        $f=0;
        $g=0;
        $h=0;
        $i=0;
        $j=0;  
        //ATAMALAR
          foreach ($veri as $rs) 
           
              ?>
          
          
          
          
          
        dataTable.addColumn({type: 'string', 'id': 'category'});
        dataTable.addColumn({type: 'number', 'id': 'amount'});
        dataTable.addRows([
          ['Soru 1', <?=$rs->c11?>],
          ['Soru 2', <?=$rs->c22?>],
          ['Soru 3', <?=$rs->c33?>],
          ['Soru 4', <?=$rs->c44?>],
          ['Soru 5', <?=$rs->c55?>],
          ['Soru 6', <?=$rs->c66?>],
          ['Soru 7', <?=$rs->c77?>],
          ['Soru 8', <?=$rs->c88?>],
          ['Soru 9', <?=$rs->c99?>],
          ['Soru 10', <?=$rs->c1010?>],
        ]);

        const options = {
          "vega": {
            "$schema": "https://vega.github.io/schema/vega/v4.json",
            "width": 1000,
            "height": 400,
            "padding": 5,

            'data': [{'name': 'table', 'source': 'datatable'}],

            "signals": [
              {
                "name": "tooltip",
                "value": {},
                "on": [
                  {"events": "rect:mouseover", "update": "datum"},
                  {"events": "rect:mouseout",  "update": "{}"}
                ]
              }
            ],

            "scales": [
              {
                "name": "xscale",
                "type": "band",
                "domain": {"data": "table", "field": "category"},
                "range": "width",
                "padding": 0.05,
                "round": true
              },
              {
                "name": "yscale",
                "domain": {"data": "table", "field": "amount"},
                "nice": true,
                
                "range": "height"
              }
            ],

            "axes": [
              { "orient": "bottom", "scale": "xscale" },
              { "orient": "left", "scale": "yscale" }
            ],

            "marks": [
              {
                "type": "rect",
                "from": {"data":"table"},
                "encode": {
                  "enter": {
                    "x": {"scale": "xscale", "field": "category"},
                    "width": {"scale": "xscale", "band": 1},
                    "y": {"scale": "yscale", "field": "amount"},
                    "y2": {"scale": "yscale", "value": 0}
                  },
                  "update": {
                    "fill": {"value": "skyblue"}
                  },
                  "hover": {
                    "fill": {"value": "blue"}
                  }
                }
              },
              {
                "type": "text",
                "encode": {
                  "enter": {
                    "align": {"value": "center"},
                    "baseline": {"value": "bottom"},
                    "fill": {"value": "#333"}
                  },
                  "update": {
                    "x": {"scale": "xscale", "signal": "tooltip.category", "band": 0.5},
                    "y": {"scale": "yscale", "signal": "tooltip.amount", "offset": -2},
                    "text": {"signal": "tooltip.amount"},
                    "fillOpacity": [
                      {"test": "datum === tooltip", "value": 0},
                      {"value": 1}
                    ]
                  }
                }
              }
            ]
          }
        };

        const chart = new google.visualization.VegaChart(document.getElementById('chart-div'));
        chart.draw(dataTable, options);
      }

Привет всем, я использую этот график, но моя ось Y должна быть 100, но я не мог этого. Мои коды здесь. Спасибо за помощь Привет всем, я использую этот график, но моя ось Y должна быть 100, но я не мог этого сделать . Спасибо за помощь Привет всем, я использую этот график, но моя ось Y должна быть 100, но я не мог этого. Спасибо за помощь Привет всем, я использую этот график, но моя ось Y должна быть 100, но я не мог этого. Спасибо. для помощи Привет всем, я использую этот график, но моя ось Y должна быть 100, но я не мог этого сделать. Спасибо за помощь

0 ответов

Другие вопросы по тегам