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的大小开始时。当事件发生时，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 */ });

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

请参阅this JS Bin，了解这些变化的实际效果。它使用最新版本的Morris.js。

Morris Chart悬停点大小

1 个答案: