【问题标题】:tool-tip in multi line chart js not working多折线图js中的工具提示不起作用
【发布时间】:2016-03-01 07:21:20
【问题描述】:

我有一个使用“chartjs”框架的多折线图,问题是工具提示代码不起作用,但比例标签工作正常。

下面是代码

      var ctx = $("#reportContainer").get(0).getContext('2d');
             ctx.canvas.height = 300;  // setting height of canvas
             ctx.canvas.width = 1000; // setting width of canvas

        //call options to have the effect of displaying currency format

        var lineChart = new Chart(ctx).Line(lineChartData, {

            bezierCurve: false,
            scaleLabel: function (valueObject) {
                return 'Php ' + valueObject.value.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
            },
            tooltipTemplate: function (valueObject) {
             return  ' Php' + valueObject.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
               // return valueObject.label + ': Php' + valueObject.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
            }
        }); 

Y 轴工作正常,它显示“Php”并有“”,但是当我将鼠标悬停在点/s 上时,它不会显示“Php”和“,”。

【问题讨论】:

    标签: javascript charts


    【解决方案1】:

    我已经用这个“multiTooltipTemplate”替换了 tooltipTemplate。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-02-10
      • 2017-06-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多