проблемы с всплывающей подсказкой календаря Google (подсказкой)

Когда курсор помещается над датой календаря, дата должна отображаться как второе прикрепленное изображение (например, подсказка), в моем коде, который отображается как (см. Первый рисунок) ниже диаграмму, я хочу, чтобы мой результат был как на втором рисунке. Пожалуйста, помогите мне устранить эту проблему, а ниже - мой код.проблемы с всплывающей подсказкой календаря Google (подсказкой)

<script> 
     $.getScript("https://www.google.com/jsapi", function() { 
      google.load('visualization', '1.1' , { 'callback': calenderchart, 'packages': ['calendar'] }); 
     }); 

    function calenderchart(data) { 

     var dataTable = new google.visualization.DataTable(); 
     dataTable.addColumn({ type: 'date', id: 'Date' }); 
     dataTable.addColumn({ type: 'number', id: 'Won/Loss' }); 
     dataTable.addRows([ 
      [ new Date(2012, 3, 13), 37032 ], 
      [ new Date(2012, 3, 14), 38024 ], 
      [ new Date(2012, 3, 15), 38024 ], 
      [ new Date(2012, 3, 16), 38108 ], 
      [ new Date(2012, 3, 17), 38229 ], 
      // Many rows omitted for brevity. 
      [ new Date(2013, 9, 4), 38177 ], 
      [ new Date(2013, 9, 5), 38705 ], 
      [ new Date(2013, 9, 12), 38210 ], 
      [ new Date(2013, 9, 13), 38029 ], 
      [ new Date(2013, 9, 19), 38823 ], 
      [ new Date(2013, 9, 23), 38345 ], 
      [ new Date(2013, 9, 24), 38436 ], 
      [ new Date(2013, 9, 30), 38447 ] 
     ]); 
     var chart = new  google.visualization.Calendar(document.getElementById('calendar_basic')); 
     var options = { 
      title: "", 
      tooltip: {isHtml: true} 
     }; 
     chart.draw(dataTable, options); 

    } 
</script> 
<body> 
    <div id="calendar_basic" style="width: 1000px;"ng-init ='calanderchart()'></div> 
</body>

источник

2016-06-14 Anonymous

кажется, работает хорошо здесь, есть еще вы можете поделиться?

любой CSS на вашей странице?

google.load('visualization', '1.1', { 
 
    callback: function() { 
 
    var dataTable = new google.visualization.DataTable(); 
 
    dataTable.addColumn({ type: 'date', id: 'Date' }); 
 
    dataTable.addColumn({ type: 'number', id: 'Won/Loss' }); 
 
    dataTable.addRows([ 
 
     [ new Date(2012, 3, 13), 37032 ], 
 
     [ new Date(2012, 3, 14), 38024 ], 
 
     [ new Date(2012, 3, 15), 38024 ], 
 
     [ new Date(2012, 3, 16), 38108 ], 
 
     [ new Date(2012, 3, 17), 38229 ], 
 
     [ new Date(2013, 9, 4), 38177 ], 
 
     [ new Date(2013, 9, 5), 38705 ], 
 
     [ new Date(2013, 9, 12), 38210 ], 
 
     [ new Date(2013, 9, 13), 38029 ], 
 
     [ new Date(2013, 9, 19), 38823 ], 
 
     [ new Date(2013, 9, 23), 38345 ], 
 
     [ new Date(2013, 9, 24), 38436 ], 
 
     [ new Date(2013, 9, 30), 38447 ] 
 
    ]); 
 
    var chart = new google.visualization.Calendar(document.getElementById('calendar_basic')); 
 
    chart.draw(dataTable, { 
 
     tooltip: {isHtml: true} 
 
    }); 
 
    }, 
 
    packages: ['calendar'] 
 
});

<script src="https://www.google.com/jsapi"></script> 
 
<div id="calendar_basic" style="width: 1000px;"></div>

источник

2016-06-14 12:38:02 WhiteHat

работает нормально, с помощью этого кода получаю ошибку другой график, который сделал на этом контроллере –

извините, вы уточнить? я не следую ... – WhiteHat

проблемы с всплывающей подсказкой календаря Google (подсказкой)

ответ

Смежные вопросы