مجید
4 سال پیش توسط مجید مطرح شد
0 پاسخ

چطور میشه فونت به google charts اضافه کرد

من از گوگل چارت داخل پروژه استفاده کردم اما فونت پیش فرض هست چطور میتونم فونت سفارشی اضافه کنم ؟
و اینکه داخل موبایل کامل نمایش داده نمیشه و اسکرول هم غیر فعال هست
ممنون میشم راهنمایی کنید

<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>

ثبت پرسش جدید

به همدیگه کمک کنیم

به مجید کمک کنید تا مشکل خودش را حل کند؛ این‌طور می‌توانیم با هم پیشرفت کنیم.

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام