2017-10-05 46 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