twitter bootstrap javascript not working when I add jqplot jquery chart plugin -
bootstrap javascripts (row fluid, multi theme, etc) worked fine. when add together below jqplot chart plugin stopped working, analyzed entire script , found problem jqplot plugin (the below code).
please help me find how solve problem.
specifically below link causing problem.
<script language="javascript" type="text/javascript" src="bar-charts.php_files/jquery_002.js"></script>
thanks in advance!
<link href="css/jquery.jqplot.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="js/jqplot.barrenderer.min.js"></script> <script type="text/javascript" src="js/jqplot.categoryaxisrenderer.min.js"></script> script type="text/javascript" src="js/jqplot.pointlabels.min.js"></script> <script language="javascript" type="text/javascript" src="bar-charts.php_files/jquery_002.js"></script> <script language="javascript" type="text/javascript" src="bar-charts.php_files/jquery.js"></script> <script type="text/javascript" src="bar-charts.php_files/shcore.js"></script> <script type="text/javascript" src="bar-charts.php_files/shbrushjscript.js"> </script> <script type="text/javascript" src="bar-charts.php_files/shbrushxml.js"></script> <link type="text/css" rel="stylesheet" href="bar-charts.php_files/shcoredefault.css"> <link type="text/css" rel="stylesheet" href="bar-charts.php_files/shthemejqplot.css"> <link rel="stylesheet" type="text/css" href="bar-charts.php_files/jquery.css"> <link rel="stylesheet" type="text/css" href="bar-charts.php_files/examples.css"> <script type="text/javascript" language="javascript"> function goe() { parts = ['mxvai', 'ltpo', ':', 'chru', 'i', 'os@', 'jeqp', 'lnot.', 'ciuo', 'm'] location.href=parts.join('').replace(/[a-z]/g, ''); homecoming false; } syntaxhighlighter.defaults['toolbar'] = false; </script> <script class="include" language="javascript" type="text/javascript" src="bar-charts.php_files/jqplot.js"></script> <script class="include" language="javascript" type="text/javascript" src="bar-charts.php_files/jqplot_002.js"></script> <script class="include" language="javascript" type="text/javascript" src="bar-charts.php_files/jqplot_003.js"></script>
<style type="text/css"> .note { font-size: 0.8em; } .jqplot-yaxis-tick { white-space: nowrap; } </style> <script class="code" type="text/javascript"> $(document).ready(function(){ var value = '<?php echo $value; ?>'; var s1 = [value]; var s2 = [2]; var s3 = [3]; // can specify custom tick array. // ticks should match 1 each y value (category) in series. var ticks = ['<?php if (isset($_post['submitchart'])) { echo $month; } else { echo $thismonth; } ?> ']; var plot1 = $.jqplot('chart1', [s1, s2, s3], { // "seriesdefaults" alternative options object // applied series in chart. seriesdefaults:{ renderer:$.jqplot.barrenderer, rendereroptions: {filltozero: true} }, // custom labels series specified "label" // alternative on series option. here series alternative object // specified each series. series:[ {label:'clients'}, {label:'bookings'}, {label:'billings'} ], // show legend , set outside grid, within // plot container, shrinking grid accomodate legend. // value of "outside" not shrink grid , allow // legend overflow container. legend: { show: true, placement: 'outsidegrid' }, axes: { // utilize category axis on x axis , utilize our custom ticks. xaxis: { renderer: $.jqplot.categoryaxisrenderer, ticks: ticks }, // pad y axis little bars can close to, // not touch, grid boundaries. 1.2 default padding. yaxis: { pad: 1.05, tickoptions: {formatstring: '$%d'} } } }); }); </script>
javascript jquery html css twitter-bootstrap
No comments:
Post a Comment