من از گوگل چارت داخل پروژه استفاده کردم اما فونت پیش فرض هست چطور میتونم فونت سفارشی اضافه کنم ؟
و اینکه داخل موبایل کامل نمایش داده نمیشه و اسکرول هم غیر فعال هست
ممنون میشم راهنمایی کنید
<div id="chart_div1" style="width: 90%; height: 400px;direction: ltr;margin: 5%"></div>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart', 'bar']});
google.charts.setOnLoadCallback(drawStuff);
function drawStuff() {
var button = document.getElementById('change-chart');
var chartDiv = document.getElementById('chart_div1');
var data = google.visualization.arrayToDataTable([
['ماه', '1','2','3'],
['1',22,52,66 ],
['2',22,52,66 ],
['3',22,52,66 ],
['4',22,52,66 ]
]);
var materialOptions = {
width: 900,
chart: {
title: '',
subtitle: '',
},
series: {
0: { axis: 'distance' }, // Bind series 0 to an axis named 'distance'.
1: { axis: 'brightness' } ,// Bind series 1 to an axis named 'brightness'.
2: { axis: 'brightness' } // Bind series 1 to an axis named 'brightness'.
},
axes: {
y: {
distance: {label: ''}, // Left y-axis.
brightness: {side: 'right', label: ''} // Right y-axis.
}
}
};
var classicOptions = {
width: 900,
series: {
0: {targetAxisIndex: 0},
1: {targetAxisIndex: 1}
},
title: 'Nearby galaxies - distance on the left, brightness on the right',
vAxes: {
// Adds titles to each axis.
0: {title: ''},
1: {title: ''}
}
};
function drawMaterialChart() {
var materialChart = new google.charts.Bar(chartDiv);
materialChart.draw(data, google.charts.Bar.convertOptions(materialOptions));
button.innerText = 'Change to Classic';
button.onclick = drawClassicChart;
}
function drawClassicChart() {
var classicChart = new google.visualization.ColumnChart(chartDiv);
classicChart.draw(data, classicOptions);
button.innerText = 'Change to Material';
button.onclick = drawMaterialChart;
}
drawMaterialChart();
};
</script>
به مجید کمک کنید تا مشکل خودش را حل کند؛ اینطور میتوانیم با هم پیشرفت کنیم.
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟