文章/答案/技术大牛

发布

社区首页 >问答首页 >Canvas.js没有显示所有标签

问Canvas.js没有显示所有标签
EN

Stack Overflow用户

提问于 2015-11-12 06:05:06

回答 2查看 4.4K关注 0票数 6

我有一张像图里的图。但我在标签上遇到麻烦了。我不能把所有的标签都展示出来。当我悬停在上面时，它会显示标签，但当我打印它时，它不会显示。

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();

graphics

javascript

web

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-11-12 06:36:52

试着添加：

culture: "es",

到title: { text: '' },之后的对象配置。

一些标签隐藏以避免由于宽度不足造成的重叠。在你的情况下，如果你这样做：

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();

.description {
    margin-top: 50px;
    text-align:left;
    font-family: calibri;
    font-size: 16px;
    color: gray;
}
a:link, a:visited, a:active {
    color: #4F81BC;
}

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 360px; width: 100%;margin-top:30px;"></div>

票数 7

Stack Overflow用户

发布于 2021-05-19 14:07:29

这绝对是可行的。我得到了类似的问题，我可以通过添加以下内容来解决这个问题：

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33665334

复制

相似问题

问Canvas.js没有显示所有标签
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Canvas.js没有显示所有标签EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Canvas.js没有显示所有标签
EN