2017-10-05 124 views
1

我试图用谷歌图表和Laravel创建海关工具提示。谷歌图表和Laravel的自定义工具提示

var rdb = new google.visualization.arrayToDataTable([ 
    ['', 'Contract Cost', 'Deployment Cost', {label: 'T2', role: 'tooltip'}], 
    @foreach($rdbs as $rdb) 
     @foreach ($rdb as $result)   
     ['{{mb_strimwidth($result->product, 0,50,"...")}}', {{$result->contract_costs}},{{$result->deployment_costs}},'{{$result->product}}'], 
     @endforeach 
    @endforeach 

该''产品名称限制为50,我需要显示的工具提示有完整的产品名称。 ¿任何想法为什么此代码不起作用?工具提示显示名称限制为50,而不是全名。

更新:

var full= $("panel-body").width(); 

    var options = { 
     width: full, 
     height: rdb.getNumberOfRows()*20, 
     bars: 'horizontal', 
    } 

回答

0
使用自定义工具提示时


的提示作用,需要遵循一系列列它代表
每个y轴系列应该有自己的提示栏

你有两个 y轴系列('Contract Cost' & 'Deployment Cost'
但只有一个提示栏

改正,显示全名都提示,
'Contract Cost'

var rdb = new google.visualization.arrayToDataTable([ 
['', 'Contract Cost', {label: 'T1', role: 'tooltip'}, 'Deployment Cost', {label: 'T2', role: 'tooltip'}], 
@foreach($rdbs as $rdb) 
    @foreach ($rdb as $result)   
    ['{{mb_strimwidth($result->product, 0,50,"...")}}',{{$result->contract_costs}},'{{$result->product}}',{{$result->deployment_costs}},'{{$result->product}}'], 
    @endforeach 
@endforeach 

编辑再添提示栏

column roles'tooltip',没有被材料图表支持 ...

看到 - >Tracking Issue for Material Chart Feature Parity
对于不支持的其他几个选项...

材料 - >google.charts.Bar - packages: ['bar']

经典 - >google.visualization.BarChart - packages: ['corechart']

注:有一个选项,以风格经典图表类似材料图表

theme: 'material' 
+0

毫米,doesn't工作。图表工具提示显示{{mb_strimwidth($ result-> product,0,50,“...”)}}名称,限制为50,不是全名。 –

+0

第一篇文章中更新的问题。 –

+0

看到__EDIT__以上... – WhiteHat