Question

我正在尝试在jquery sparkline插件中使用堆叠条，在2.1.2中使用我的版本，正常的迷你版正常工作，但堆叠的条形类型，不起作用，这里是我的代码（类似）：

<span class="sparklines" data-sparkline-value="1:2,3:4,5:4,3:2"></span>

和初始化功能

$('.sparklines').each(function () {
                        $(this).sparkline(
                            $(this).data("sparkline-value"), {
                                type: $(this).data("sparkline-type") ? $(this).data("sparkline-type") : 'bar',
                                barWidth: $(this).data("sparkline-bar-width") ? $(this).data("sparkline-bar-width") : 5,
                                negBarColor: '#f44',
                                stackedBarColor: ['#3366cc', '#dc3912', '#ff9900', '#109618', '#66aa00',
                                    '#dd4477', '#0099c6', '#990099'],
                                barSpacing: $(this).data("sparkline-bar-spacing") ? $(this).data("sparkline-bar-spacing") : 2,
                                height: $(this).data("sparkline-height") ? $(this).data("sparkline-height") : '20px',
                                barColor: $(this).data("sparkline-color") ? $(this).data("sparkline-color") : '#7BB2B4',
                                enableTagOptions: true
                            });
                    });

Answer 1

添加到javascript代码： zeroAxis：false 和火花值应该是[1,2]，[3,4]，[5,4]，[3,2]，还有另一种方法，这种方法更倾向于使用div和data-spark-value，其他方法我们应该使用span，并且值在span标记之间用“：”分隔

jquery sparkline堆积条问题

1 个答案: