Open Flash Chart2 常用的参数

发布时间：2020-12-15 17:41:43 所属栏目：百科来源：网络整理

导读：{?? ??/*?图表标题?*/?? ??"title"?:?{?? ????"text"?:?"Many?data?lines",?????????/*?标题文本?*/?? ????"style"?:?"{font-size:?30px;}"??/*?CSS样式?*/?? ??},?? ?? ???"is_decimal_separator_comma":?0,?????/*?(0/1)，是否用逗号替换小数点?*/?? ???"i

{??
??/*?图表标题?*/??
??"title"?:?{??
????"text"?:?"Many?data?lines",?????????/*?标题文本?*/??
????"style"?:?"{font-size:?30px;}"??/*?CSS样式?*/??
??},??
??
???"is_decimal_separator_comma":?0,?????/*?(0/1)，是否用逗号替换小数点?*/??
???"is_fixed_num_decimals_forced":?1,???/*?(0/1)，是否强制小数点后面的位数?*/??
???"num_decimals":3,????????/*?精度，即小数点后面的位数，需要配合上面参数一起使用?*/??
???"is_thousand_separator_disabled":?0,?????/*?(0/1)，是否使用千位分隔符?*/??
??
??/*?X轴标题（X轴下方）?*/??
??"x_legend"?:?{??
????"text"?:?"x_legend",????????????????/*?标题文本?*/??
????"style"?:?"{font-size:?12px;?color:#736AFF;}"???????/*?CSS样式?*/??
??},??
??
??/*?Y轴标题（Y轴左方）?*/??
??"y_legend"?:?{??
????"text"?:?"y_legend",????????????????/*?标题文本?*/??
????"style"?:?"{font-size:?12px;?color:#2F55FF;}"???????/*?CSS样式?*/??
??},??
??
??/*?X轴?*/??
??"x_axis"?:?{??
????"stroke"?:?2,???????????????????/*?X轴的粗细?*/??
????"tick-height"?:?15,?????????????/*?X轴刻度的长度?*/??
????"colour"?:?"#df0fd0",???????????/*?颜色?*/??
????"grid-colour":?"#00ff00",???????/*?网格线的颜色?*/??
????"offset"?:?1,???????????????????/*?(0/1),?是否根据数据图形和标签的宽度进行延展?*/??
????"3d"?:?0,???????????????????????/*?显示3D?*/??
????"steps"?:?0.5,??????????????????/*?刻度间隔?*/??
????"min":0,??
????"max":8,??
????"labels":?{??
????????"rotate":?"vertical",???????????/*?垂直方向显示标签?*/??
????????"size":13,??????????????????????/*?字体大小?*/??
????????"steps":?2,?????????????????????/*?整数，标签间隔?*/??
????????"visible-steps":?3,?????????????/*?可见标签间隔，会覆盖上面参数?*/??
????????"align":"center",???????????????/*?旋转的标签居中对齐，默认是较高的一端对其到刻度上?*/??
????????"labels":?[??
????????????"January",??
????????????{"text":"February",?"visible":true,?"colour":"ff0000",?"rotate":-60},??
????????????"March",??
????????????{"text":"April","colour":"#00D000"},??
????????????"May","June","July","August","September"]??
????}??
??},??
??
??/*?Y轴?*/??
??"y_axis":{??
????"stroke":??????4,??
????"tick-length":?3,??
????"colour":??????"#d000d0",??
????"grid-colour":?"#00ff00",??
????"offset":??????0,??
????"max":?????????20??
??},??
??
??/*?数据元素?*/??
??"elements":[??
????{??
??????"type":??????"bar",???/*?关于柱图类型参考“bar-all-onlick.json”?（从官网下载ofc2完整包的话可以找到这个文件）*/??
??????"alpha":?????0.5,??
??????"colour":????"#9933CC",??
??????"text":??????"Page?views",??
??????"font-size":?10,??
??????"on-show":????{???????/*?展现样式?*/??
??????????"type":?"pop",????????/*?弹出方式,?此外还有?drop?和?grow-up?*/??
??????????"cascade":1,??????????/*?不通柱子之间的间隔时间为?1?*/??
??????????"delay":0.5???????????/*?延迟时间?*/??
??????},??
??????"values"?:???[9,6,7,9,5,{"top":7,"bottom":2,"colour":"#A03030","tip":"#top#<br>hello/n#val#","on-click":"#"},null,7]??
????},??
????{??
??????"type":??????"line",??????????/*?展示类型?——?折线图?*/??
??????"colour":????"#9933CC",???????/*?线条颜色?*/??
??????"width":?????2,???????????????/*?线条粗细?*/??
??????"text":??????"Page?views",????/*?数据标题（Y轴上方）?*/??
??????"font-size":?10,??????????????/*?数据标题字体大小?*/??
??????"dot-size":??6,??
??????"values"?:???[15,18,19,14,17,15,17]??
????}],??
??
??/*?鼠标提示信息?*/??
??"tooltip":{??
????"shadow":true,??????/*?提示框影子?*/??
????"mouse":2,??????????/*?1?-?滑动样式，2?-?非滑动样式，折线图不支持*/??
????"stroke":5,?????????/*?边框粗细?*/??
????"rounded":?12,??????/*?边角圆滑程度?*/??
????"colour":"#00d000",?/*?边框颜色?*/??
????"background":"#d0d0ff",?????/*?背景颜色?*/??
????"title":"{font-size:?14px;?color:?#905050;}",???????/*?标题样式?*/??
????"body":"{font-size:?10px;?font-weight:?bold;?color:?#9090ff;}"??????/*?本体样式?*/??
??}??
} ?

0 热度

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!