莫里斯图表悬停点大小

Question

使用morris图表

选项

Morris.Line({
            element: 'Chart',
            data: $scope.chartModel,
            xkey: $scope.xkey,
            ykeys: $scope.ykeys,
            labels: ['Success Percent'],
            pointFillColors: ['#BF4040'],
            pointSize: '7',
            hideHover: 'always'

        }).on('click', function (i, row) { // Not running code }

问题:我把点的大小设为7。但是当涉及到大小为73的时候，当它离开事件on.How时，on.Click事件不起作用，我要调整点上的大小吗？

图表：You can view it here

Answer 1

删除pointSize两边的单引号。该值应为整数，而不是字符串。此外，hideHover选项将禁用悬停效果，因此，如果希望点在悬停时更改大小，请移除该选项。

Morris.Line({
    element: 'Chart',
    data: $scope.chartModel,
    xkey: $scope.xkey,
    ykeys: $scope.ykeys,
    labels: ['Success Percent'],
    pointFillColors: ['#BF4040'],
    pointSize: 7
}).on('click', function (i, row) { /* Not running code */ });

至于您的单击事件不工作，您使用的是0.4.1版的Morris.js。Version 0.4.2增加了对点击事件的支持。

要查看这些更改的实际效果，请参阅this JS Bin。它使用最新版本的Morris.js。