مجید
5 سال پیش توسط مجید مطرح شد
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>