jQuery Highcharts-Highstock butonunun arkasındaki çizgi

Timur · 17 Mart 2014 - 11:01:03

Highcharts'ın sitesinde gördüğün Highstock kütüphanesini indirirken beraberinde gelen örnek grafiklerden yukarıdaki basic-line grafiğini kullanırken, seçili buton seçerken veya farenin imlaci butonun üzerine gelince arkaplanda bir çizgi farkettim. bunu nasıl kaldırabilirim? Aşağıda bütün koduma bakabilirsiniz.

Kod Seç

<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <title>Highstock Example</title>
            
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
            <script type="text/javascript">
                $(function() {
                  $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function(data) {
                            // Create the chart
                            $('#container').highcharts('StockChart', {
                                                       navigation: {
                                                       buttonOptions: {
                                                       enabled: false,
                                                       width: 60
                                                       }
                                                       },
                                                       rangeSelector: {
                                                       buttonSpacing: 20,
                                                       buttonTheme: { // styles for the buttons
                                                       fill: 'none',
                                                       stroke: 'none',
                                                       'stroke-width': 15,
                                                       style: {
                                                       color: '#039',
                                                       fontWeight: 'bold'
                                                       },
                                                       states: {
                                                       hover: {},
                                                       select: {
                                                       fill: '#039',
                                                       style: {
                                                       color: 'white'
                                                       }
                                                       }
                                                       }
                                                       },
                                                       selected: 1,
                                                       buttons: [{
                                                                 // quarter button
                                                                 type: 'month',
                                                                 count: 3,
                                                                 text: 'Q'
                                                                 },
                                                                 // year button
                                                                 {
                                                                 type: 'year',
                                                                 count: 1,
                                                                 text: 'Y'
                                                                 },
                                                                 // ytd button
                                                                 {
                                                                 type: 'ytd',
                                                                 text: 'YTD'
                                                                 },
                                                                 // all button
                                                                 {
                                                                 type: 'all',
                                                                 text: 'ALL'
                                                                 }]
                                                       },
                                                       title: {
                                                       text: 'AAPL Stock Price'
                                                       },
                                                       credits: {
                                                       text: " ",
                                                       href: " "
                                                       },
                                                       series: [{
                                                                name: 'AAPL',
                                                                data: data,
                                                                tooltip: {
                                                                valueDecimals: 2
                                                                }
                                                                }],
                                                       exporting: {
                                                       enabled: false
                                                       }
                                                       });
                            });
                  });
                </script>
            
            </head>
	<body>
        <script src="/Users/timur/Desktop/IH57/highstock.js"></script>
        <script src="/Users/timur/Desktop/IH57/modules/exporting.js"></script>
        
        <div id="container" style="height: 500px; min-width: 500px"></div>
	</body>
</html>

Ubuntu Türkiye

Haberler:

jQuery Highcharts-Highstock butonunun arkasındaki çizgi

Timur