Диапазон оси 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, но я не мог этого сделать. Спасибо за помощь