帶有Google圖表和Laravel的自定義工具提示

Question

我正在嘗試使用Google圖表和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', 
    }   

Answer 1

使用自定義工具提示時，
工具提示角色需要遵循其代表的系列列
每個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   

---

編輯

材質圖表不支持 列角色 ，例如'tooltip' ...

請參閱-> 物料圖特征奇偶校驗的跟蹤問題
對於其他不支持的其他選項...

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

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

注意：有一個樣式可以設置類似於 材料圖的經典圖樣式

theme: 'material'