duanjiao6735 2017-10-05 13:24
浏览 57
已采纳

自定义工具提示与谷歌图表和Laravel

I´m trying to create customs tooltips with google charts and 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   

The '' has a product name limit to 50, the tooltips that I need to show have full product name. ¿Any idea why this code doesn't work? The tooltips show name with limit to 50, not with the full name.

Update:

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

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

1条回答 默认 最新

  • douwen7603 2017-10-05 14:02
    关注

    when using custom tooltips,
    the tooltip role needs to follow the series column it represents
    each y-axis series should have its own tooltip column

    you have two y-axis series ('Contract Cost' & 'Deployment Cost')
    but only one tooltip column

    to correct and show the full name for both tooltips,
    add another tooltip column after '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   
    

    EDIT

    column roles, such as 'tooltip', are not supported by Material charts...

    see --> Tracking Issue for Material Chart Feature Parity
    for the several other options that are not supported...

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

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

    note: there is an option to style Classic charts similar to Material charts

    theme: 'material'
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 C#调用python代码(python带有库)
  • ¥15 矩阵加法的规则是两个矩阵中对应位置的数的绝对值进行加和
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面