thermometer ? ???? ??? ?? ?? ?? ?? ??? ???, ???? ????, Tool Tip, ?? ??? ?? ????.
var defaultOptions = {
data : {
data : null,
url: null,
type: null,
reverse: false,
jsonDepth: 'output.result',
format : null,
use : null,
dataLen : null
},
use :{
axis: true,
axisText : true,
counter : true,
max :'auto',
avg : 'auto',
target : false,
toolTip: true,
animate: true,
animateText: true,
resize: false,
responsive: false ,
},
toolTip : {
className : null,
position : {
x : 0,
y : 0
},
func : null
},
minmax : {
min : 'auto',
max : 'auto'
},
pointer:{
max: 'auto'
avg : 'auto'
target : 0
},
}URL? ?? JSON ???? ?? ??? ??? ??
| datas | array | JSON DATA? ??? ?? |
var options = {
data: {
data: [
{date: 20120101, price: 10000, legend: 'A'},
{date: 20120101, price: 20000, legend: 'B'},
{date: 20120101, price: 30000, legend: 'C'},
{date: 20120101, price: 40000, legend: 'D'}
]
}
}thermometer ? ??? ??? ??
| value | string | ??? ??(AJAX? ??) |
var options = {
data: {
url: 'http://www.cyber-i.com/'
}
}thermometer ? ??? ??? ??
| value | string | ??? ?? ["json", "text"] |
var options = {
data: {
type: 'json'
}
}| value | boolean | ???? ??? ????? ?? ?????? ??? ?? ?? [false, true] |
var options = {
data: {
reverse: false
}
}json ???? ??? ?? ??
| value | string | ?? ???? ?? ??? '.' ? ?? |
var options = {
data: {
jsonDepth: 'output.result'
}
}// DATA RESULT
{
output: {
result: [
{date: 20120101, price: 10000, legend: 'A'},
{date: 20120101, price: 20000, legend: 'B'},
{date: 20120101, price: 30000, legend: 'C'},
{date: 20120101, price: 40000, legend: 'D'}
]
}
}data ? format ??? ??????.
format ??? "prime" , "percent" , "temperature"
| value | string | default? null??? ?????? ????? ?????. |
var options = {
data: {
format: null
}
}| value | string | thermometer ? ??? ???? ? |
var options = {
data: {
use: 'price'
}
}???? ???? ?? ??? ??
(*??? ??? ??? ??? ?? ??? ???? ??)
| value | Int | Angular gauge ? ??? ???? ??? ???? ? |
var options = {
data: {
dataLen: 100
}
}| value | boolean | thermometer ? ?? ?? ?? |
var options = {
use: {
axis : true
}
}| value | boolean | thermometer ? ?? ?? ?? |
var options = {
use: {
axisTxt: true
}
}| value | boolean | thermometer ? ??? ???? ??? ???? |
var options = {
use: {
counter: true
}
}??? ????? ??? ?? ??
*???? ??? ?? true ? pointer.max? ??? ??? ??,
**'auto'(default)? ??? ??? ?? ?? ??
| value | string || boolean | ??? ????? ??? ?? ? ?? ?? |
// * ? ??
var options = {
use: {
max: true
},
pointer : {
max: 120
}
}
// ** ?? (??)
var options = {
use: {
max: 'auto'
},
pointer : {
max: 'auto'
}
}??? ????? ??? ?? ??
*???? ??? ?? true, pointer.avg? ?? ?? ??
**'auto'(default)? ??? ??? ?? ?? ??
| value | string || boolean | ??? ????? ??? ?? ? ?? ?? |
// * ? ??
var options = {
use: {
avg: true
},
pointer : {
avg: 50
}
}
// ** ?? (??)
var options = {
use: {
avg: 'auto'
},
pointer : {
avg: 'auto'
}
}thermometer ?? ? ?? ??
| value | boolean | thermometer ?? ? ?? ?? |
var options = {
use: {
target: false
}
}??? ?? ??
| value | boolean | ??? ?? ?? |
var options = {
use: {
toolTip: true
}
}thermometer ?? animate ?? ?? ??
| value | boolean | thermometer ?? animate ?? ?? ?? |
var options = {
use: {
animate: true
}
}thermometer ?? ?? ???(counter) animate ?? ?? ??
| value | boolean | thermometer ?? ?????(???) ????? ?? ?? |
var options = {
use: {
animateText: true
}
}thermometer? ???? ????? ??
| value | boolean | thermometer? ???? ????? ?? |
var options = {
use: {
resize: false
}
}resize ????? ?? ??
| value | boolean | resize ????? ?? ??
|
var options = {
use: {
responsive: false
}
}
??? class? ?? ?? CSS? ??? ? ??
| value | string | ??? class? ?? |
var options = {
toolTip: {
className: 'thermometer_tooltip'
}
}??? X,Y ?? ??
| value | object | ??? X,Y ?? ?? |
var options = {
toolTip: {
position: {
x : 20,
y : 20
}
}
}?? ?? function
| tipfunction | function | ?? ??? ? css ? ??? ? ? ??.
|
var options = {
toolTip: {
func: function(pie, data, tipElement){
tip.html( '?? : ' + data.date + '<br/>?? : ' + data.price );
tip.css({color : 'gray'});
}
}
}
thermometer ?? ???? ??
| value | int | thermometer ??? ???? ?? ('auto' ? ???? ??) |
var options = {
minmax: {
min: -50
}
}thermometer ?? ???? ??
| value | int | thermometer ??? ???? ?? ('auto' ? ???? ??) |
var options = {
minmax: {
max: 100
}
}??? ????? ??? ??
| value | int | ??? ????? ??? ('auto' ? ???? ??) |
var options = {
pointer: {
max: 'auto'
}
}??? ????? ??? ??
| value | int | ??? ????? ??? ?? ('auto' ? ???? ??) |
var options = {
pointer: {
avg: 'auto'
}
}???? ??? ???? ??
| value | int | ???? ??? ???? ?? |
var options = {
pointer: {
target: 0
}
}
string || boolean??? ????? ??? ?? ? ?? ??