小编ant*_*lia的帖子

我正在尝试用Charts.js创建一个图形(当前的一个只是一个非常简单的例子,我正在努力工作,有点取自Chart.js文档)并且图形没有按比例缩放到帆布我在给它.这是所有相关的代码.

要导入它:

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.6/Chart.bundle.min.js"></script>

然后,我将它连接到一个javascript文件,如下所示:

<script type="text/javascript" src="js/stats_tab.js"></script>

我的画布设置了:

        <div id="graph_2015" class ="stats_box">
            <h4>Graph 2015</h4>
            Text
            <canvas id="myChart" width="200" height="200"></canvas>
        </div>

最后在stats_tab.js中,我有以下代码:

window.onload=function(){
    var ctx = document.getElementById("myChart").getContext("2d");
    var myChart = new Chart(ctx, {
        type: 'line',
        data: {
            labels: [1,2,3,4,5,6,7,8,9,10],
            datasets: [
                {
                    label: "My First dataset",
                    data: [1,2,3,2,1,2,3,4,5,4]
                }
            ]
        },
        options: {
        }
    });
}

图表很好地显示,但它拒绝缩放到我给它的画布的大小.也没有任何与所涉及的div相关的CSS.chrome上的inspect功能让我知道最终图表是676乘676而不是我指定的200乘200.不确定发生了什么.

谢谢!

在Chart.js中,有没有办法在"horizontalBar"图表中的水平条内写入标签？如下所示:

在Chart.js中有类似的可能吗？

谢谢!

所以我正在使用Chart.js中的条形图,我正在尝试使用自定义工具提示.在四处搜索,在这种情况下似乎要做的就是添加

tooltipTemplate: "<%= value %>% test" 

到我的选项部分,这将在结果工具提示中显示我的数据值之后的单词test.但是,我的工具提示在现实中完全没有变化.和想法？

谢谢!