如何使用图表js

时间:2019-07-04 21:17:45

标签: javascript laravel graph charts chart.js

我正在使用图表js(2.8.0)并生成与折线图混合的堆栈柱形图,并获得以下信息:

enter image description here

问题在于折线图显示在列的后面。如何使折线图前进?

曾经看过chart js的文档,但似乎找不到任何有帮助的方法。

=== UPDATE ===

开始按照我加载数据集的顺序进行操作,并设法使这条线前进一些,但是如果是第一个数据集,我加载的列将不呈现。...

这是我设法获得的最好成绩...

enter image description here

请注意,它仍在绿色数据集后面...

这是我用来加载数据集的代码

$mixed_bar_chart->dataset('Success','bar', $goal_met)->backgroundcolor('hsl(112,82%,36%)');//green
$mixed_bar_chart->dataset('Attempt', 'line', $total)->color('#35B821')->fill(false);//green
$mixed_bar_chart->dataset('Extra', 'bar', $extra)->backgroundcolor('#3465A4');//blue
$mixed_bar_chart->dataset('Under', 'bar', $under_done)->backgroundcolor('rgba(85,87,83,1)');//grey
$mixed_bar_chart->dataset('Remaining', 'bar', $left)->backgroundcolor('#BABDB6');//light-grey

如果我要加载line数据集,则其他任何条形图都不会显示在图形区域上。

任何对此的帮助都非常感谢。谢谢

0 个答案:

没有答案