Диаграмма визуализации Google, т.е. семейство шрифтов не соблюдается - PullRequest
Новая
       36

Диаграмма визуализации Google, т.е. семейство шрифтов не соблюдается

2 голосов
/ 07 февраля 2012

Как вы можете видеть, я пытался установить семейство шрифтов, и я пытался его всеми способами, упомянутыми в документации: http://code.google.com/apis/chart/interactive/docs/gallery/piechart.html

, но в ie7-8 (версия vml)неправильный шрифт отображается.Это может быть проблема vml, а не проблема Google, но у меня нет идей.Спасибо, ребята! 

    // Load the Visualization API and the piechart package.
    google.load('visualization', '1.0', {'packages':['corechart']});

    // Set a callback to run when the Google Visualization API is loaded.
    google.setOnLoadCallback(drawChart);

    // Callback that creates and populates a data table, 
    // instantiates the pie chart, passes in the data and
    // draws it.
    function drawChart() {

    // Create the data table.
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Vote');
    data.addColumn('number', 'Votes');
    data.addRows([
    ['BLAH', blah],
    ['AHH', ahh]
    ]);

    // Set chart options
    var options = {
        is3D:false,
        width:200,
        height:200,
        fontSize: '14px',
        fontName: 'Arial',
        colors: ['#bcbdc0', '#FFF'],
        legend: 'none',
        pieSliceText: 'label',
        backgroundColor: '#f8f6e8'  ,
        pieSliceBorderColor: 'black',
        pieSliceTextStyle: {
            color: 'black', fontName: 'Arial', fontSize:'14'
        }

    };

    // Instantiate and draw our chart, passing in some options.
    var chart = new google.visualization.PieChart(document.getElementById('chart-div-'+id));
    chart.draw(data, options);
    }

1 Ответ

9 голосов
/ 01 марта 2012

Попробуйте изменить на: 

fontName: '"Arial"'

, то есть добавить дополнительные двойные кавычки в одинарные кавычки.Это сработало для меня (но все равно выглядит некрасиво, так как используется шрифт Arial Bold, но размеры всех элементов, похоже, установлены с использованием стандартного Arial, что приводит к отсутствию пикселей в конце всех слов)

...