Javascript 使用google图表和Laravel自定义工具提示
我正在尝试用谷歌图表和Laravel创建海关工具提示Javascript 使用google图表和Laravel自定义工具提示,javascript,php,google-visualization,Javascript,Php,Google Visualization,我正在尝试用谷歌图表和Laravel创建海关工具提示 var rdb = new google.visualization.arrayToDataTable([ ['', 'Contract Cost', 'Deployment Cost', {label: 'T2', role: 'tooltip'}], @foreach($rdbs as $rdb) @foreach ($rdb as $result) ['{{mb_
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',
}
使用自定义工具提示时,
工具提示角色需要跟随它所代表的系列列
每个y轴系列都应该有自己的工具提示列 您有两个y轴系列(
“合同成本”
,“部署成本”
)但只有一个工具提示列 要更正并显示两个工具提示的全名,
在“合同成本”之后添加另一个工具提示列
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
编辑 ,例如
“工具提示”
,不受材质图表的支持
请参见-->对于其他几个不受支持的选项 材质-->
google.charts.Bar
--包:['Bar']
经典-->google.visualization.BarChart
--packages:['corechart']
注意:有一个选项可以设置经典图表的样式与材质图表的样式类似
使用自定义工具提示时,
工具提示角色需要跟随它所代表的系列列
每个y轴系列都应该有自己的工具提示列 您有两个y轴系列(
“合同成本”
,“部署成本”
)但只有一个工具提示列 要更正并显示两个工具提示的全名,
在“合同成本”之后添加另一个工具提示列
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
编辑 ,例如
“工具提示”
,不受材质图表的支持
请参见-->对于其他几个不受支持的选项 材质-->
google.charts.Bar
--包:['Bar']
经典-->google.visualization.BarChart
--packages:['corechart']
注意:有一个选项可以设置经典图表的样式与材质图表的样式类似
嗯,不起作用。图表工具提示显示{mb_strimwidth($result->product,0,50,“…”)}名称,限制50,而不是全名.Mm,不起作用。图表工具提示显示{mb_strimwidth($result->product,0,50,“…”)}名称,限制50,而不是全名。