Line 15: | Line 15: | ||
<!-- amCharts javascript code --> | <!-- amCharts javascript code --> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
− | AmCharts.makeChart(" | + | var chart1 = AmCharts.makeChart("chart1div", |
{ | { | ||
"type": "xy", | "type": "xy", | ||
Line 80: | Line 80: | ||
"id": "Title-1", | "id": "Title-1", | ||
"text": "Fluorescein Standard Curve " | "text": "Fluorescein Standard Curve " | ||
+ | } | ||
+ | ], | ||
+ | "dataProvider": [ | ||
+ | { | ||
+ | "Fluorescence": "63471.5", | ||
+ | "Conc.(uM)": "50" | ||
+ | }, | ||
+ | { | ||
+ | "Fluorescence": "45389.75", | ||
+ | "Conc.(uM)": "25" | ||
+ | }, | ||
+ | { | ||
+ | "Fluorescence": "30206.75", | ||
+ | "Conc.(uM)": "12.5" | ||
+ | }, | ||
+ | { | ||
+ | "Fluorescence": "18120.75", | ||
+ | "Conc.(uM)": "6.25" | ||
+ | }, | ||
+ | { | ||
+ | "Fluorescence": "9627.75", | ||
+ | "Conc.(uM)": "3.125" | ||
+ | }, | ||
+ | { | ||
+ | "Fluorescence": "4863", | ||
+ | "Conc.(uM)": "1.5625" | ||
+ | }, | ||
+ | { | ||
+ | "Fluorescence": "2540.5", | ||
+ | "Conc.(uM)": "0.78125" | ||
+ | }, | ||
+ | { | ||
+ | "Fluorescence": "1354", | ||
+ | "Conc.(uM)": "0.390625" | ||
+ | }, | ||
+ | { | ||
+ | "Fluorescence": "692", | ||
+ | "Conc.(uM)": "0.195313" | ||
+ | }, | ||
+ | { | ||
+ | "Fluorescence": "342.75", | ||
+ | "Conc.(uM)": "0.097656" | ||
+ | }, | ||
+ | { | ||
+ | "Fluorescence": "175.25", | ||
+ | "Conc.(uM)": "0.048828" | ||
+ | }, | ||
+ | { | ||
+ | "Fluorescence": "5.75", | ||
+ | "Conc.(uM)": "0" | ||
+ | } | ||
+ | ] | ||
+ | } | ||
+ | ); | ||
+ | var chart2 = AmCharts.makeChart("chart2div", | ||
+ | { | ||
+ | "type": "xy", | ||
+ | "minValue": -4, | ||
+ | "autoMarginOffset": 20, | ||
+ | "startDuration": 1.5, | ||
+ | "processTimeout": -2, | ||
+ | "theme": "chalk", | ||
+ | float: right; | ||
+ | "trendLines": [], | ||
+ | "graphs": [ | ||
+ | { | ||
+ | "balloonText": "x:<b>[[x]]</b> y:<b>[[y]]</b><br>value:<b>[[value]]</b>", | ||
+ | "bullet": "diamond", | ||
+ | "id": "AmGraph-1", | ||
+ | "lineColor": "#b0de09", | ||
+ | "valueField": "value", | ||
+ | "xField": "Conc.(uM)", | ||
+ | "yField": "Fluorescence" | ||
+ | } | ||
+ | ], | ||
+ | "guides": [], | ||
+ | "valueAxes": [ | ||
+ | { | ||
+ | "axisTitleOffset": 15, | ||
+ | "id": "ValueAxis-1", | ||
+ | "logarithmic": true, | ||
+ | "synchronizationMultiplier": 0, | ||
+ | "totalTextOffset": 2, | ||
+ | "unit": "", | ||
+ | "usePrefixes": true, | ||
+ | "autoRotateCount": 0, | ||
+ | "axisAlpha": 0, | ||
+ | "minHorizontalGap": 73, | ||
+ | "offset": -2 | ||
+ | }, | ||
+ | { | ||
+ | "axisTitleOffset": 15, | ||
+ | "id": "ValueAxis-2", | ||
+ | "logarithmic": true, | ||
+ | "position": "bottom", | ||
+ | "treatZeroAs": 0.1, | ||
+ | "axisAlpha": 0 | ||
+ | }, | ||
+ | { | ||
+ | "id": "ValueAxis-3" | ||
+ | } | ||
+ | ], | ||
+ | "allLabels": [ | ||
+ | { | ||
+ | "id": "Label-1", | ||
+ | "rotation": -90, | ||
+ | "text": "Fluorescence", | ||
+ | "x": "1%", | ||
+ | "y": "55%" | ||
+ | }, | ||
+ | { | ||
+ | "align": "center", | ||
+ | "id": "Label-2", | ||
+ | "tabIndex": 1, | ||
+ | "text": "Fluorescein Concentration(uM)", | ||
+ | "x": "-7%", | ||
+ | "y": "93%" | ||
+ | } | ||
+ | ], | ||
+ | "balloon": {}, | ||
+ | "titles": [ | ||
+ | { | ||
+ | "bold": false, | ||
+ | "id": "Title-1", | ||
+ | "text": "Fluorescein Standard Curve (log scale)" | ||
} | } | ||
], | ], | ||
Line 442: | Line 567: | ||
</div> | </div> | ||
− | <div id=" | + | <div id="chart1div" style="width: 50%; height: 400px; background-color: #282828;" > |
− | + | <div id="chart2div" style="width: 50%; height: 400px; background-color: #282828;" ></div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Revision as of 22:47, 28 September 2017