CanvasJS值为0未在图表中显示

时间:2018-04-18 09:51:33

标签: javascript asp.net visual-studio canvasjs

我第一次在我的图表中使用CanvasJs,但我注意到每次值为零时,图形都不显示。我使用的图表结合了折线图和条形图,因此显示两个值之间是否有零变化非常重要。折线图的代码如下:

{
                type: "line",
                name: "Cumulatief",
                showInLegend: true,
                yValueFormatString: "€#",
                dataPoints: [
                    { x: new Date(dateValue1) , y: 0 }
                    ] 
}

我希望有人可以帮助我,这样我就可以在折线图上显示零值。

1 个答案:

答案 0 :(得分:1)

正在呈现Y值0,无论图表类型是行还是列,并且似乎工作正常。

但是,在工具提示中没有显示值0,因为您将yValueFormatString设置为'€#'。将其更改为'€0'在这种情况下会很好。检查下面的工作代码:



var chart = new CanvasJS.Chart("chartContainer", {
    data: [{
        type: "line",
        name: "Cumulatief",
        showInLegend: true,
        yValueFormatString: "€0",
        dataPoints: [
          	{ x: new Date(2018,03,19) , y: 0 }
        ] 
    }]
});

chart.render();

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 260px; width: 100%;"></div>
&#13;
&#13;
&#13;