小编Joy*_*rex的帖子

我正在使用 Chart.js 和 Chart.js 插件图表标签。我想在条形图顶部显示标签，并在标签中显示 x 值相对于 y 值的百分比（例如，16 是 17 的 94%），但标签值始终为 100 %（看起来像是在计算 16y x 16x = 100）。

我还没有找到没有插件的方法来做到这一点，所以我不确定插件是否有问题，或者图表配置是否错误。

任何建议/帮助表示赞赏！这是带有代码的 JSBin：https ://jsbin.com/dawenetuya/edit?html,js,output

HTML 和 JS：

<div style="width: 100%;"><canvas id="myChart"></canvas></div>

var colors = '#cd1127';
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
        type: 'bar',
        data: {
                labels: ["Asset Taxes", "Excluded Assets", "Personal Injury and Property Damage", "Offsite Disposal", "Royalties", "Litigation", "Employment", "Operating Expenses"],
                datasets: [{
                        data: [16, 14, 17, 13, 15, 12, 9, 11],
                        backgroundColor: '#cd1127', …

我正在开发一个内部网站,无法对Google的API进行外部调用以使用他们的setOnLoadCallback()函数,而且似乎无法找到任何可以与我本地调用的JQuery一起使用的纯JQuery替代品.作为参考,这是我正在尝试实现的代码,但原始开发人员使用Google API编写代码:

<script type="text/javascript">

  google.load("jquery", "1.3.2");

  google.load("jqueryui", "1.7.2");



  google.setOnLoadCallback(function() { 

    var timeout = null;

    var initialMargin = parseInt($("#siteMenuBar").css("margin-top"));



    $("#siteMenuBar").hover(

        function() {

            if (timeout) {

                clearTimeout(timeout);

                timeout = null;

            }

            $(this).animate({ marginTop: 0 }, 'fast');

        },

        function() {

            var menuBar = $(this);

            timeout = setTimeout(function() {

                timeout = null;

                menuBar.animate({ marginTop: initialMargin }, 'slow');

            }, 1000);

        }

    );

  });

</script>

任何建议/想法都表示赞赏.