多线图js中的工具提示不起作用

时间:2016-03-01 07:21:21

标签: javascript charts

我有一个使用框架的多线图" 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, ",");
            }
        }); 

enter image description here

Y轴工作正常,显示" Php"并且有#34;,"但是当我在点/秒上盘旋时,它会显示" Php"和","。

1 个答案:

答案 0 :(得分:0)

我已将tooltipTemplate替换为此“multiTooltipTemplate”。