Canvas.js 未显示所有标签

Question

我有一个如图所示的图表。但是我在处理标签时遇到了麻烦。我无法显示所有标签。当我将鼠标悬停在它上面时，它会显示标签，但是当我打印它时，它不会显示。

var chart = new CanvasJS.Chart('chartContainer', 
    { 
        animationEnabled: true, 
        theme: 'theme4',
        title: { text: '' }, 
        axisY: { maximum: 100 , title: 'Faiz'},
        axisX: { labelAngle: -70 },
        exportEnabled: true,
        data: [{ 
            type: 'column',
            indexLabel: '{y}',
            indexLabelPlacement: 'outside',
            indexLabelOrientation: 'horizontal',
            indexLabel: '{y}',
            dataPoints: [
                        { label: 'Az?rbaycan dili', y: 51 },
                        { label: '?d?biyyat', y: 71 },
                        { label: 'C?br', y: 51 },
                        { label: 'H?nd?s?', y: 61 },
                        { label: 'Fizika', y: 60 },
                        { label: 'Kimya', y: 56 },
                        { label: 'Biologiya', y: 49 },
                        { label: 'Tarix', y: 62 },
                        { label: 'Az?rbaycan tarixi', y: 70 },
                        { label: 'Co?rafiya', y: 58 },
                        { label: 'Xarici dil', y: 57 },
                        { label: '?nformatika', y: 62 },
                        { label: 'Rus dili', y: 43 },
                        { label: 'Riyaziyyat', y: 53 }
                    ] 
            }]
   });
chart.render();

Answer 1

尝试添加：

culture: "es",

title: { text: '' },
一些标签隐藏后到您的对象配置以避免由于宽度不足而重叠。在你的情况下，如果你这样做：

axisX: {
    interval: 1,
    labelAngle: -70 
}

它应该工作。

culture: "es",

axisX: {
    interval: 1,
    labelAngle: -70 
}

var chart = new CanvasJS.Chart('chartContainer', 
    { 
        animationEnabled: true, 
        theme: 'theme4',
        title: { text: '' }, 
        axisY: { maximum: 100 , title: 'Faiz'},
        axisX:{
            interval: 1,
            labelAngle: -70 
        },
        exportEnabled: true,
        data: [{ 
            type: 'column',
            indexLabel: '{y}',
            indexLabelPlacement: 'outside',
            indexLabelOrientation: 'horizontal',
            indexLabel: '{y}',
            dataPoints: [
                        { label: 'Az?rbaycan dili', y: 51 },
                        { label: '?d?biyyat', y: 71 },
                        { label: 'C?br', y: 51 },
                        { label: 'H?nd?s?', y: 61 },
                        { label: 'Fizika', y: 60 },
                        { label: 'Kimya', y: 56 },
                        { label: 'Biologiya', y: 49 },
                        { label: 'Tarix', y: 62 },
                        { label: 'Az?rbaycan tarixi', y: 70 },
                        { label: 'Co?rafiya', y: 58 },
                        { label: 'Xarici dil', y: 57 },
                        { label: '?nformatika', y: 62 },
                        { label: 'Rus dili', y: 43 },
                        { label: 'Riyaziyyat', y: 53 }
                    ] 
            }]
   });
chart.render();