2015-03-21 2 views
1

Я хочу удалить эффект квадратной скобки при наведении column диаграммы. I attahced скриншот. JSON код, созданный кодом PHP.Удалить эффект onhover из диаграммы столбца

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'column' 
     }, 
     title: { 
      text: 'Monthly Average Rainfall' 
     }, 
     subtitle: { 
      text: 'Source: WorldClimate.com' 
     }, 
     xAxis: { 
      categories: [ 
       'Jan', 
       'Feb', 
       'Mar' 
      ], 
      crosshair: true 
     }, 
     yAxis: { 
      min: 0, 
      title: { 
       text: 'Rainfall (mm)' 
      } 
     }, 
     tooltip: { 
      headerFormat: '<span style="font-size:10px">{point.key}</span><table>', 
      pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' + 
       '<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>', 
      footerFormat: '</table>', 
      shared: true, 
      useHTML: true 
     }, 
     plotOptions: { 
      column: { 
       pointPadding: 0.2, 
       borderWidth: 0 
      } 
     }, 
     series: [{ 
      name: 'Tokyo', 
      data: [49.9, 71.5, 106.4] 

     }, { 
      name: 'New York', 
      data: [83.6, 78.8, 98.5] 

     }] 
    }); 
}); 

Для демонстрации http://jsfiddle.net/mvsrdzg4/

ответ

4

попробовать это, чтобы удалить эффект парения,

xAxis: { 
     categories: [ 
      'Jan', 
      'Feb', 
      'Mar' 
     ], 
     crosshair: false 
    }, 
+0

Wow! Благодарю. Вы спасли мой много времени в течение двух дней, я нахожу решение с двух дней в любом случае. Большое вам спасибо. – Sadikhasan

+1

вы приветствуете ... мое удовольствие .. –

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