| Autor | Zpráva | ||
|---|---|---|---|
| Carny Profil |
#1 · Zasláno: 17. 3. 2012, 18:43:59
Zdravím mám stránku do ktorej som umiestnil graf v podobe javascriptu. Ako ho môžem presne umiestniť. Lebo pri načítaní stránky sa mi skript zobrazí hned na začiatku a ja ho potrebujem dať napr. do pravého dolného rohu. Dakujem za odpoved
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<link type="text/css" href="../css/style.css" rel="stylesheet"/>
<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="../js/jquery-ui-1.8.11.custom.min.js"></script>
<script type="text/javascript" src="../js/highcharts.js"></script>
<script type="text/javascript" src="../js/jquery.flot.min.js"></script>
<script type="text/javascript" src="../js/jstat-0.1.0.min.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
<title>intervaly</title>
</head>
<body>
<h1 id="nadpisP">P regulačný diagram</h1>
<p>V podniku s výrobou malých prepínačov sa rozhodli pre štatistickú reguláciu. 100% kontrolou sa zistila zhodnosť výrobkov za daný časový interval.</p>
<p>Na posúdenie stability procesu sa použil p-diagram a np-diagram. Údaje meraní sú zaznamenané v nasledujúcej tabuľke.</p>
<table border="1";>
<tr>
<td>Výber</td>
<td>Počet</td>
<td>Chybné kusy</td> <td>1</td> <td>4000</td> <td>8</td></tr><tr> <td>2</td> <td>4000</td>
<td>14</td></tr> <td>3</td> <td>4000</td> <td>10</td></tr><tr><td>4</td> <td>4000</td>
<td>4</td></tr><tr><td>5</td:> <td>4000</td> <td>13</td></tr><tr> <td>6</td> <td>4000</td> <td>9</td></tr><tr><td>7</td> <td>4000</td><td>7</td></tr><tr><td>8</td> <td>4000</td><td>11</td></tr><tr><td>9</td> <td>4000</td>
<td>15</td></tr><tr><td>10</td><td>4000</td> <td>13</td></tr><tr><td>11</td><td>4000</td> <td>5</td></tr><tr<td>12</td><td>4000</td> <td>14</td></tr><tr> <td>13</td><td>4000</td><td>12</td></tr>
<tr> <td>14</td><td>4000</td><td>8</td></tr><tr> <td>15</td> <td>4000</td> <td>15</td></tr>
<tr> <td>16</td><td>4000</td><td>11</td></tr><tr> <td>17</td><td>4000</td> <td>9</td></tr><tr><td>18</td> <td>4000</td><td>18</td</tr><tr><td>19</td> <td>4000</td><td>6</td></tr>
<tr> <td>20</td> <td>4000</td> <td>12</td></tr><tr><td>21</td> <td>4000</td> <td>6</td></tr><tr><td>22</td> <td>4000</td> <td>12</td>
</tr><tr> <td>23</td> <td>4000</td> <td>8</td></tr> <tr> <td>24</td> <td>4000</td> <td>15</td></tr><tr> <td>25</td><td>4000</td> <td>14</td></tr>
</table>
<script type="text/javascript">
$(function () {
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'line',
marginRight: 30,
marginBottom: 15,
width: 600,
height: 300,
},
title: {
text: 'P Regulačný diagram',
x: 10 //center
},
xAxis: {
categories: ['1', '2', '3', '4', '5', '6',
'7', '8', '9', '10', '11', '12', '13', '14', '15', '16',
'17', '18', '19', '20', '21', '22', '23', '24', '25',]
},
yAxis: {
title: {
text: 'P riemerne'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+
this.x +': '+ this.y ;
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'botton',
x: -10,
y: 100,
borderWidth: 0
},
series: [{
name: 'P ',
data: [0.002, 0.0035, 0.0025, 0.001, 0.00325, 0.00225, 0.00175, 0.00275, 0.0035, 0.00125, 0.0035, 0.00125, 0.0035, 0.003, 0.002, 0.00375, 0.00275, 0.00225, 0.0045, 0.0015, 0.003, 0.0015, 0.003, 0.002, 0.00375, 0.0035,]
}, {
name: 'UCL',
data: [0.005174, 0.005174, 0.005174, 0.005174, 0.005174, 0.005174, 0.005174, 0.005174, 0.005174, 0.005174,0.005174, 0.005174, 0.005174, 0.005174, 0.005174,0.005174, 0.005174, 0.005174, 0.005174, 0.005174,0.005174, 0.005174, 0.005174, 0.005174, 0.005174,]
}, {
name: 'CL',
data: [0.00269, 0.00269, 0.00269, 0.00269, 0.00269, 0.00269, 0.00269, 0.00269, 0.00269, 0.00269,0.00269, 0.00269, 0.00269, 0.00269, 0.00269,0.00269, 0.00269, 0.00269, 0.00269, 0.00269,0.00269, 0.00269, 0.00269, 0.00269, 0.00269,]
}, {
name: 'LCL',
data: [0.000233, 0.000233, 0.000233, 0.000233, 0.000233, 0.000233, 0.000233, 0.000233, 0.000233, 0.000233,0.000233, 0.000233, 0.000233, 0.000233, 0.000233,0.000233, 0.000233, 0.000233, 0.000233, 0.000233,0.000233,0.000233, 0.000233, 0.000233, 0.000233, 0.000233,]
}]
});
});
});
</td>
</tr>
</table>
</body>
</html> |
||
| _es Profil |
#2 · Zasláno: 17. 3. 2012, 22:36:55
Carny:
„pri načítaní stránky sa mi skript zobrazí hned na začiatku“ Skripty sa nijako nezobrazujú. Čo si tak najprv pozrieť dokumentácie k skriptom, ktoré si použil, napríklad k highcharts.js?
|
||
| Carny Profil |
#3 · Zasláno: 18. 3. 2012, 09:56:03
_es:
Hľadal som to tam aj teraz, a niesom nejaky odbornik...tak si s tým neviem rady ako to mam premiestnovať |
||
| _es Profil |
#4 · Zasláno: 18. 3. 2012, 10:56:48
Carny:
„Hľadal som to tam aj teraz“ Kde „tam“? |
||
| Carny Profil |
#5 · Zasláno: 18. 3. 2012, 11:22:49
_es:
na http://www.highcharts.com/ |
||
| _es Profil |
#6 · Zasláno: 18. 3. 2012, 11:37:38
Carny:
To tu mieniš vkladať aj ďalšie takéto dotazy, čakať na odpoveď hodiny či dni, len preto, že si lenivý pár minút hľadať hľadať v dokumentácii? www.highcharts.com/ref/#chart--renderTo |
||
| Carny Profil |
#7 · Zasláno: 18. 3. 2012, 13:55:50
niesom lenivý...len som začiatočnik a hladam každu blbosť aj pol dna...včera som to tam hladal a som to nevidel...:)
Dakujem za radu... |
||
|
Časová prodleva: 12 let
|
|||
0