bob体育官方平台
jquery jqPlot API 中文使用教程_jquery_脚本之家

该渲染器主要用来将数据节点相关的的新闻以标签的措施放于该数据节点左近;对于相应数据为空的,其标签不显示。

jqPlot是一个不胜刚劲的图纸工具,曲线,柱状,饼图,应该有尽有,更不行的是,调用方便~~ 官网: 这里贡献上汉语教程,基本上全体的api都很齐全,供有需求的童鞋们瞧瞧,更主要的是充任和睦滴收藏~~哦耶耶~ jqPlot整的来讲有三个地点供给配置。格式如: $.jqplot(‘target', data, options卡塔尔;target:要来得的岗位。data:展现的数码。options:其余配置 seriesColors: [ "#4bb2c5", "#c5b47f", "#EAA228", "#579575", "#839557", "#958c12", "#953579", "#4b5de4", "#d8b83f", "#ff5800", "#0085cc"], // 暗中同意展现的分类颜色,倘诺分类的多寡超越这里的颜料数量,则从该队列中率先个岗位上马重复取值赋给相应的归类 stackSeries: false, // 假诺置为true何况有五个分类, 那么每一种分类在纵轴上的值为其前全数分类纵轴值总和与其纵,轴值相加值(eg, 当前分类一下纵轴值为Y3 复制代码 代码如下: title: '', //设置当前图的标题 title: { text: '', //设置当前图的题目show: true,//设置当前图的标题是还是不是出示 }, axesDefaults: { show: false, 是不是自动展现坐标轴。 min: null, 横轴最小刻度值 max: null, 横轴最大刻度值 pad: 1.2, 横轴度值增涨因子 ticks: [], //设置横坐标的刻度上的值,可为该ticks数组中的值 numberTicks: undefined,//一个相除因子,用于安装横坐标刻度间隔值=横坐标区间长度/ renderer: $.jqplot.LinearAxisRenderer, // 设置横轴上多少加载的渲染器 rendererOptions: {}, // 设置renderer的Option配置对象,线状图无需安装 tickOptions: { mark: 'outside', // 设置刻度在坐标轴上的呈现形式:分为:坐标轴外展现,内显示,和通过展现;其值分别为 'outside', 'inside' or 'cross'。 showMark: true, //设置是或不是出示刻度 showGridline: true, // 是还是不是在图纸区域展现刻度值方向的网格 markSize: 4, // 每一个刻度线极点距刻度线在坐标轴上点间隔如若mark值为 'cross', 那么种种刻度线都有上顶峰和下极点,刻度线与坐标轴 在刻度线中间交叉,那么那时这几个间距×2 show: true, //是不是出示刻度线,与刻度线同方向的网格线,以致坐标轴上的刻度值 showLabel: true, //是还是不是出示刻度线以致坐标轴上的刻度值 formatString: '', //设置坐标轴上刻度值展现格式,eg:'%b %#d, %Y'表示格式"月 日,年","AUG 30,二零一零" fontSize:'10px', //刻度值的字体大小 fontFamily:'Tahoma', //刻度值上字体 angle:40, //刻度值与坐标轴夹角,角度为坐标轴正向顺时针方向 fontWeight:'normal', //字体的粗细 fontStretch:1//刻度值在所在趋势度 } showTicks: true, //是还是不是出示刻度线以致坐标轴上的刻度值, showTickMarks: true, // 设置是不是出示刻度 useSeriesColor: true //假使有七个纵坐标轴,通过该属性设置这几个坐标轴是还是不是以分化颜色显示 }, axes: { xaxis: { // same options as axesDefaults }, yaxis: { // same options as axesDefaults }, x2axis: { // same options as axesDefaults }, y2axis: { // same options as axesDefaults } }, seriesDefaults: {//即使有几个分类,那可通过该配置属性设置各类分类的共性属性 show: true, //设置是或不是渲染整个图表区域. xaxis: 'xaxis', // either 'xaxis' or 'x2axis'. yaxis: 'yaxis', // either 'yaxis' or 'y2axis'. label: '', // 用于显示在分拣名称框中的归类名称. color: '', // 分类在Logo心仪味的颜色. lineWidth: 2.5, // 分类图哪宽度. shadow: true, // 各图在图片中是否出示阴影区域. shadowAngle: 45, //参考grid中意气风发致参数. shadowOffset: 1.25, //参考grid中黄金年代致参数. shadowDepth: 3, //参照他事他说加以考察grid中平等参数. shadowAlpha: 0.1, // Opacity of the shadow. showLine: true, //是不是出示图表中的折线 showMarker: true, // 是还是不是强调突显图中的数据节点 fill: false, // 是不是填充图表中折线上边包车型大巴区域以致legend //设置的分类名称框中分类的水彩,此处注意的是假使fill为true, //那么showLine必得为true,不然不会来得效果 fillAndStroke: false, //在fill为true的境况下,在填充区域最上边展现一条线 fillColor: undefined, // 设置填充区域的颜色 fillAlpha: undefined, // 梃置填充区域的光滑度renderer: $.jqplot.PieRenderer, // 利用渲染器渲染现成图表 //,进而转换到所需图表 rendererOptions: {}, // 传给上个属性所设置渲染器的option对象,线状图的渲染器未有option对象, //分歧图表的Option配置对象请参见上边《jqPlot各样不一样插件的Option对象设置》 //中种种图表的安顿Option对象 markerRenderer: $.jqplot.MarkerRenderer, // renderer to use to draw the data // point markers. markerOptions: { show: true, // 是或不是在图中显得数总局 style: 'filledCircle', // 各种数分局在图中显得的秘籍,默许是"filledCircle", //别的三种方法circle,diamond, square, filledCircle, // filledDiamond or filledSquare. lineWidth: 2, // 数分局各个的边的增长幅度(假使设置过大,各种边会重复,会来得的近乎于实心点) size: 9, // 数根据地的大大小小 color: '#666666' // 数根据地的颜色 shadow: true, // 是或不是为数分部展现阴影区 shadowAngle: 45, // 阴影区角度,x轴顺时针方向 shadowOffset: 1, // 参考grid中大器晚成致参数 shadowDepth: 3, //参照他事他说加以侦察grid中平等参数 shadowAlpha: 0.07 // 参照他事他说加以考察grid中千篇豆蔻年华律参数 } isDragable: true,//是还是不是允许拖动,暗中同意同拖动 }, series:[ //假使有几个分类必要显示,那在这里处安装各样分类的相关配置属性 //eg.设置各种分类在分拣名称框中的分类名称 //[label: 'Traps Division'},{label: 'Decoy Division'},{label: 'Harmony Division'}]//配置参数设置同seriesDefaults ], legend: { show: false,//设置是不是现身分类名称框 location: 'ne', // 分类名称框现身岗位, nw, n, ne, e, se, s, sw, w. xoffset: 12, // 分类名称框距图表区域上方框的间隔 yoffset: 12, // 分类名称框距图表区域左侧框的离开 background:'' //分类名称框距图表区域背景象 textColor:'' //分类名称框距图表区域内字体颜色 }, grid: { drawGridLines: true, // wether to draw lines across the grid or not. gridLineColor: '#cccccc' // 设置总体Logo区域网格背景线的水彩 background: '#fffdf6', // 设置总体图表区域的背景象 borderColor: '#999999', // 设置图表的边框的颜色 borderWidth: 2.0, //设置图表的边框宽度 shadow: true, // 为一切Logo边框设置阴影,以非凡其立体效果 shadowAngle: 45, // 设置阴影区域的角度,从x轴顺时针方向旋转 shadowOffset: 1.5, // 设置阴影区域偏移出图片边框的间隔 shadowWidth: 3, // 设置阴影区域的升幅shadowDepth: 3, // 设置影音区域重叠阴影的数额 shadowAlpha: 0.07 // 安装阴影区域的反射率 renderer: $.jqplot.CanvasGridRenderer, // renderer to use to draw the grid. rendererOptions: {} // options to pass to the renderer. Note, the default // CanvasGridRenderer takes no additional options. }, //jqPlot各种分化插件的Option对象设置 // BarRenderer //该Option对象适用与柱状图的series和seriesDefault属性的相干布置对象设置 seriesDefaults: { rendererOptions: { barPadding: 8, //设置同一分类多个柱状条之间的间距 barMargin: 10, //设置差别分类的多少个柱状条之间的偏离 barDirection: 'vertical', //设置柱状图显示的矛头:垂直突显和水准显得 //,暗中同意垂直展现 vertical or horizontal. barWidth: null, // 设置柱状图中各类柱状条的增进率 shadowOffset: 2, // 同grid雷同属性设置 shadowDepth: 5, // 同grid相像属性设置 shadowAlpha: 0.8, // 同grid相仿属性设置 } }, // Cursor // 鼠标移动到图中时,鼠标在图中显示格局,常与和高亮成效况且接受//别的,通过设置该属性的zoom相关属性来对图中有个别区域钻取 //该配置对象直接在option下安插 cursor: { style: 'crosshair', //当鼠标移动到图片上时,鼠标的彰显样式,该属性值为css类 show: true, //是还是不是出示光标 showTooltip: true, // 是不是出示提醒音讯栏 followMouse: false, //光标的提醒消息栏是还是不是随光标一齐运动 tooltipLocation: 'se', // 光标提醒消息栏的任务设置。如若followMouse=true,那么该职位为 //提醒音讯栏相对于光标的职位。不然,为光标提示新闻栏在Logo中之处 // 该属性可选值: n, ne, e, se, etc. tooltipOffset: 6, //提醒音信栏距鼠标或坐标轴的任务 showTooltipGridPosition: false,//是或不是在新闻提示栏中显得光标地方 showTooltipUnitPosition: true,// 是或不是出示提示光标所在地点的音讯栏 //注:注意此处与showTooltipGridPosition值差距,前面叁个突显坐标值,该处显示的是数据值 tooltipFormatString: '%.4P', // 同Highlighter的tooltipFormatString useAxesFormatters: true, // 同Highlighter的tooltipFormatString tooltipAxesGroups: [], // show only specified axes groups in tooltip. Would specify like: // [['xaxis', 'yaxis'], ['xaxis', 'y2axis']]. By default, all axes // combinations with for the series in the plot are shown. }, // Dragable //该配置对象通过seriesDefaults和series配置对象开展配置 seriesDefaults: { dragable: { color: undefined, // 当拖动数总部是,拖动线与拖动数办事处颜色 constrainTo: 'none', //设置拖动的的范围: 'x', // 'y', or 'none'. }, }, // Highlighter //设置高亮动作option属性对象 //鼠标移动到某些数总部上时,该数分局增大并出示提醒信息框 //该配置对象直接在option下布署 highlighter: { lineWidthAdjust: 2.5, //当鼠标移动到推广的数总局上时,设置增大的数办事处的肥瘦 // 近来仅适用于非实心数分公司 sizeAdjust: 5, // 当鼠标移动到数分公司上时,数总部扩充的增量增量 showTooltip: true, // 是不是出示提醒音信栏 tooltipLocation: 'nw', // 指示新闻呈现地方: n, ne, e, se, s, sw, w, nw. fadeTooltip: true, // 设置提示音讯栏现身和未有的措施 tooltipFadeSpeed: "fast"//设置提示信息栏淡入淡出的速度: slow, def, fast, 也许是多少个飞秒数的值. tooltipOffset: 2, // 提示信息栏据被高亮显示的数总局的舞狮地方,以像素计。 tooltipAxes: 'both', // 提醒信息框突显数分局这些坐标轴上的值,近日有横/纵/横纵三种方法。 //值分别为 x, y or xy. tooltipSeparator: ', ' // 提醒消息栏不相同值之间的间隔符号 useAxesFormatters: true // 提示音讯框中数量突显的格式是或不是和该数据在坐标轴上显示格式大器晚成致 tooltipFormatString: '%.5P' // 用于安装提醒音信框中数量展示的格式,前提条件是useAxesFormatters // 为false. 那时音信提示框中数据格式不再与坐标轴生机勃勃致,而是以此为准 //同期,该属性还扶植html格式字符串 //eg:'hello %.2f' }, // LogAxisRenderer // 该渲染器独有多少个个性, 指数渲染器通过axesDefaults和axes配置对象开展安排axesDefaults: { base: 10, // 指数的底数 tickDistribution: 'even', // 坐标轴突显情势:'even' or 'power'. 'even' 发生的是均匀布满于坐标 //轴上的坐标刻度值 。而'power' 则是依据不断增大的增数来分明坐标轴上的刻度 }, // PieRenderer // 饼状图通过seriesDefaults和series配置对象开展示公布署 seriesDefaults: { rendererOptions: { diameter: undefined, // 设置饼的直径 padding: 20, // 饼间距其分类名称框恐怕图片边框的偏离,变相该表饼的直径 sliceMargin: 20, // 饼的每一个部分之间的间距 fill:true, // 设置饼的每部分被填充的动静 shadow:true, //为饼的各个部分的边框设置阴影,以杰出其立体效果 shadowOffset: 2, //设置阴影区域偏移出饼的每部分边框的离开 shadowDepth: 5, // 设置阴影区域的纵深 shadowAlpha: 0.07 // 安装阴影区域的光滑度 } }, //pointLabels //用于在数总部所在地点呈现相关信息 seriesDefaults: { pointLabels: { location:'s',//数据标签展现在数根据地周围的方位 ypadding:2 //数据标签距数分部在纵轴方向上的相距 } } // Trendline // 饼状图通过seriesDefaults和series配置对象开展配置 seriesDefaults: { trendline: { show: true, // 是或不是出示趋势线 color: '#666666', // 趋向线颜色 label: '', // 趋向线名称 type: 'linear', //趋向线类型'linear', 'exponential' or 'exp' shadow: true, // 同grid相通属性设置 lineWidth: 1.5, // 趋向线宽度 shadowAngle: 45, // 同grid相仿属性设置 shadowOffset: 1.5, // 同grid相近属性设置 shadowDepth: 3, // 同grid相符属性设置 shadowAlpha: 0.07 // 同grid相符属性设置 } } }

效率概述: 有三种图片样式可供选取 能够自定义日期轴线 可安装旋转轴文字 自动计算趋向线 工具条提醒和高亮数总部 默许最优设置,特别便于使用 以上功用在jqPlot主页中的示例页面有 非常多直观的突显。这里是它详细使用文书档案。 劣势:柱状图非常小概突显具体数据值。饼状图不恐怕出示具体比例。 下面是收集的详实参数配置: 复制代码 代码如下: options = { seriesColors: [ "#4bb2c5", "#c5b47f", "#EAA228", "#579575", "#839557", "#958c12", "#953579", "#4b5de4", "#d8b83f", "#ff5800", "#0085cc"], // 暗许展现的分类颜色, //假设分类的多少抢先这里的颜色数量,则从该队列中第一个职位上马再度取值赋给相应的归类 stackSeries: false, // 假诺置为true并且有四个分类, // 那么每一种分类在纵轴上的值为其前全体分类纵轴值总和与其纵 //轴值相加值(eg,当前分类纵轴值为Y3 //,其前有Y2,Y1,那么她展现在Y轴上值为Y2+Y3+Y1,如今该属性帮衬线图和柱状图 title: '', //设置当前图的标题 title: { text: '', // 设置当前图的标题show: true,//设置当前标题是还是不是出示 }, axisDefaults: { show: false, // wether or not to renderer the axis. Determined automatically. min: null, // 横坐标展现的蝇头值 max: null, // 横坐标展现的最大值 pad: 1.2, // 二个相乘因子, //轴上最小值)*pad值=该轴展现的横坐标区间长度=横坐标突显的蝇头值 //假若设置了max和min的值的话,那么会事情未发生前酌量min和max设置的值 ticks: [], //设置横坐标的刻度上的值,可为该ticks数组中的值, // a 1D [val1, val2, ...], or 2D [[val, label], [val, label], ...] numberTicks: undefined, //三个相除因子,用于安装横坐标刻度间隔值=横坐标区间长度/ tickInterval:'', //横坐标刻度间距值,可为日期字符串 renderer: $.jqplot.LinearAxisRenderer, // 设置横轴上数据加载的渲染器,有dateAxisRenderer 。 rendererOptions: {}, // 设置renderer的Option配置对象,线状图没有必要设置 //区别图表的Option配置对象请参见上边《jqPlot种种分歧插件的Option对象设置》 //中各种图表的安排Option对象 tickOptions: { mark: 'outside', // 设置横坐标刻度在坐标轴上展现形式,分为坐标轴内,外,穿过坐标轴展现 // 值也分为:'outside', 'inside' 和 'cross', showMark: true, //设置是不是出示刻度 showGridLine: true, // 是或不是在图片区域彰显刻度值方向的网格线 markSize: 4, // 每种刻度线极点距刻度线在坐标轴上点间隔 //假使mark值为 'cross', 那么各个刻度线都有上终点和下极点,刻度线与坐标轴 //在刻度线中间交叉,那么那个时候这些间距×2, show: true, // 是不是出示刻度线,与刻度线同方向的网格线,以至坐标轴上的刻度值 showLabel: true, // 是还是不是出示刻度线以致坐标轴上的刻度值 formatString: '', // 梃置坐标轴上刻度值彰显格式,eg:'%b %#d, %Y'表示格式"月 日,年","AUG 30,二〇〇九" fontSize:'10px', //刻度值的字体大小 fontFamily:'Tahoma', //刻度值上字体 angle:40, //刻度值与坐标轴夹角,角度为坐标轴正向顺时针方向 fontWeight:'normal', //字体的粗细 fontStretch:1//刻度值在所在趋势度 } showTicks: true, /// 是或不是出示刻度线以致坐标轴上的刻度值 showTickMarks: true, //设置是不是出示刻度 useSeriesColor: true //借使有多个纵坐标轴,通过该属性设置这么些坐标轴是不是以区别颜色显示 }, axes: { xaxis: { // 设置同 axisDefaults }, yaxis: { // 设置同 axisDefaults }, x2axis: { // 设置同 axisDefaults }, y2axis: { // 设置同 axisDefaults } }, seriesDefaults: {//假若有五个分类,那可由此该配置属性设置各样分类的共性属性 show: true, // 设置是不是渲染整个图表区域 xaxis: 'xaxis', // either 'xaxis' or 'x2axis'. yaxis: 'yaxis', // either 'yaxis' or 'y2axis'. label: '', // 用于呈现在分拣名称框中的归类名称 color: '', // 分类在Logo中代表的颜色 lineWidth: 2.5, // 分类图哪宽度 shadow: true, // 各图在图纸中是或不是出示阴影区域 shadowAngle: 45, // 参谋grid中相近参数 shadowOffset: 1.25, // 参照他事他说加以考查grid中同样参数 shadowDepth: 3, // 参谋grid中雷同参数 shadowAlpha: 0.1, // 参谋grid中同样参数 showLine: true, //是不是出示图表中的折线 showMarker: true, // 是还是不是强调显示图中的数据节点 fill: false, // 是或不是填充图表中折线下边包车型大巴区域以致legend //设置的归类名称框中分类的颜色,此处注意的是风姿浪漫旦fill为true, //那么showLine必需为true,不然不交易会示效果 fillAndStroke: false, //在fill为true的情形下,在填写区域最上面显示一条线 fillColor: undefined, // 设置填充区域的颜料 fillAlpha: undefined, // 梃置填充区域的光滑度renderer: $.jqplot.PieRenderer, // 利用渲染器渲染现存图表 //,进而调换成所需图表 rendererOptions: {}, // 传给上个属性所设置渲染器的option对象,线状图的渲染器未有option对象, //分裂图表的Option配置对象请参见下边《jqPlot各类分化插件的Option对象设置》 //中种种图表的布局Option对象 markerRenderer: $.jqplot.MarkerRenderer, // renderer to use to draw the data // point markers. markerOptions: { show: true, // 是或不是在图中呈现数根据地 style: 'filledCircle', // 各类数分公司在图中显得的不二等秘书诀,默许是"filledCircle", //别的二种办法circle,diamond, square, filledCircle, // filledDiamond or filledSquare. lineWidth: 2, // 数办事处各样的边的大幅度(纵然设置过大,各种边会重复,展会示的切近于实心点) size: 9, // 数分局的高低 color: '#666666' // 数分部的颜料 shadow: true, // 是或不是为数总部展现阴影区 shadowAngle: 45, // 阴影区角度,x轴顺时针方向 shadowOffset: 1, // 参谋grid中千篇豆蔻年华律参数 shadowDepth: 3, //参谋grid中相同参数 shadowAlpha: 0.07 // 参谋grid中相符参数 } isDragable: true,//是不是允许拖动,默承认拖动 }, series:[//假使有多个分类需求出示,那在此安装各类分类的相干铺排属性 //eg.设置各样分类在分拣名称框中的归类名称 //[label: 'Traps Division'},{label: 'Decoy Division'},{label: 'Harmony Division'}] //配置参数设置同seriesDefaults ], legend: { show: false,//设置是或不是出现分类名称框 location: 'ne', // 分类名称框现身岗位, nw, n, ne, e, se, s, sw, w. xoffset: 12, // 分类名称框距图表区域上方框的间隔 yoffset: 12, // 分类名称框距图表区域左边框的偏离 background:'' //分类名称框距图表区域背景象 textColor:'' //分类名称框距图表区域内字体颜色 ..别的有关体制设计参照官方文书档案 }, grid: { drawGridLines: true, // wether to draw lines across the grid or not. gridLineColor: '#cccccc' // 设置总体图标区域网格背景线的颜色 background: '#fffdf6', // 设置总体图表区域的背景观 borderColor: '#999999', // 设置图表的边框的水彩 borderWidth: 2.0, //设置图表的边框宽度 shadow: true, // 为总体Logo边框设置阴影,以非凡其立体效果 shadowAngle: 45, // 设置阴影区域的角度,从x轴顺时针方向旋转 shadowOffset: 1.5, // 设置阴影区域偏移出图片边框的相距 shadowWidth: 3, // 设置阴影区域的宽度 shadowDepth: 3, // 设置影音区域重叠阴影的数目 shadowAlpha: 0.07 // 装置阴影区域的发光度 renderer: $.jqplot.CanvasGridRenderer, // renderer to use to draw the grid. rendererOptions: {} // options to pass to the renderer. Note, the default // CanvasGridRenderer takes no additional options. }, /************************jqPlot各类差异插件的Option对象设 置******************************/ // BarRenderer //该Option对象适用与柱状图的series和seriesDefault属性的连锁布置对象设置 seriesDefaults: { rendererOptions: { barPadding: 8, //设置同一分类四个柱状条之间的间隔 barMargin: 10, //设置不一样分类的多少个柱状条之间的偏离 barDirection: 'vertical', //设置柱状图展现的大势:垂直展现和程度显得 //,暗许垂直显示 vertical or horizontal. barWidth: null, // 设置柱状图中每种柱状条的宽度 shadowOffset: 2, // 同grid相符属性设置 shadowDepth: 5, // 同grid相符属性设置 shadowAlpha: 0.8, // 同grid相似属性设置 } }, // Cursor // 鼠标移动到图中时,鼠标在图中显示格局,常与和高亮功用而且使用 //别的,通过设置该属性的zoom相关属性来对图中有个别区域钻取 //该配置对象直接在option下铺排 cursor: { style: 'crosshair', //当鼠标移动到图片上时,鼠标的来得样式,该属性值为css类 show: true, //是不是出示光标 showTooltip: true, // 是还是不是出示提醒新闻栏 followMouse: false, //光标的升迁新闻栏是不是随光标一齐活动 tooltipLocation: 'se', // 光标提示消息栏之处设置。假设followMouse=true,那么该岗位为 //提醒新闻栏相对于光标的职务。不然,为光标提醒音讯栏在Logo中的地方 // 该属性可选值: n, ne, e, se, etc. tooltipOffset: 6, //提示音讯栏距鼠标或坐标轴的职位 showTooltipGridPosition: false,//是还是不是在消息提醒栏中显得光标地点 showTooltipUnitPosition: true,// 是还是不是出示提醒光标所在地点的音信栏 //注:注意此处与showTooltipGridPosition值不相同,前面叁个呈现坐标值,该处呈现的是数量值 tooltipFormatString: '%.4P', // 同Highlighter的tooltipFormatString useAxesFormatters: true, // 同Highlighter的tooltipFormatString tooltipAxesGroups: [], // show only specified axes groups in tooltip. Would specify like: // [['xaxis', 'yaxis'], ['xaxis', 'y2axis']]. By default, all axes // combinations with for the series in the plot are shown. }, // Dragable //该配置对象通过seriesDefaults和series配置对象进行构造 seriesDefaults: { dragable: { color: undefined, // 当拖动数分公司是,拖动线与拖动数办事处颜色 constrainTo: 'none', //设置拖动的的限制: 'x', // 'y', or 'none'. }, }, // Highlighter //设置高亮动作option属性对象 //鼠标移动到某些数分部上时,该数分局增大并呈现提醒新闻框 //该配置对象直接在option下安顿 highlighter: { lineWidthAdjust: 2.5, //当鼠标移动到推广的数分部上时,设置增大的数分局的升幅 // 近些日子仅适用于非实心数分局 sizeAdjust: 5, // 当鼠标移动到数分公司上时,数办事处扩张的增量增量 showTooltip: true, // 是或不是出示提醒音讯栏 tooltipLocation: 'nw', // 提示音讯呈现地方: n, ne, e, se, s, sw, w, nw. fadeTooltip: true, // 设置提示音信栏现身和衰亡的措施 tooltipFadeSpeed: "fast"//设置提示新闻栏淡入淡出的进程: slow, def, fast, 或许是叁个微秒数的值. tooltipOffset: 2, // 提醒消息栏据被高亮呈现的数办事处的舞狮地点,以像素计。 tooltipAxes: 'both', // 提醒消息框呈现数办事处那些坐标轴上的值,近来有横/纵/横纵二种艺术。 //值分别为 x, y or xy. tooltipSeparator: ', ' // 提醒音讯栏差别值之间的间距符号 useAxesFormatters: true // 提醒音信框中数据显示的格式是或不是和该数据在坐标轴上展现格式风流浪漫致 tooltipFormatString: '%.5P' // 用于安装提醒音讯框中数量呈现的格式,前提条件是useAxesFormatters // 为false. 这时新闻提示框中数据格式不再与坐标轴大器晚成致,而是以此为准 //同临时候,该属性还协助html格式字符串 //eg:'hello %.2f' }, // LogAxisRenderer // 该渲染器独有七个属性, 指数渲染器通过axesDefaults和axes配置对象实行配置 axesDefaults: { base: 10, // 指数的底数 tickDistribution: 'even', // 坐标轴展现情势:'even' or 'power'. 'even' 爆发的是均匀分布于坐标 //轴上的坐标刻度值 。而'power' 则是基于不断增大的增数来规定坐标轴上的刻度 }, // PieRenderer // 饼状图通过seriesDefaults和series配置对象进行安顿 seriesDefaults: { rendererOptions: { diameter: undefined, // 设置饼的直径 padding: 20, // 饼间距其分类名称框也许图片边框的间隔,变相该表饼的直径 sliceMargin: 20, // 饼的各类部分之间的偏离 fill:true, // 设置饼的每部分被填充的情况shadow:true, //为饼的各样部分的边框设置阴影,以优越其立体效果 shadowOffset: 2, //设置阴影区域偏移出饼的每部分边框的偏离 shadowDepth: 5, // 设置阴影区域的吃水 shadowAlpha: 0.07 // 设置阴影区域的光滑度 } }, //pointLabels //用于在数分局所在地点彰显相关音讯 seriesDefaults: { pointLabels: { location:'s',//数据标签呈现在数根据地相近的方面 ypadding:2 //数据标签距数总部在纵轴方向上的间隔 } } // Trendline // 饼状图通过seriesDefaults和series配置对象开展配备 seriesDefaults: { trendline: { show: true, // 是还是不是出示趋向线 color: '#666666', // 趋向线颜色 label: '', // 倾向线名称 type: 'linear', //趋向线类型'linear', 'exponential' or 'exp' shadow: true, // 同grid相通属性设置 lineWidth: 1.5, // 趋势线宽度 shadowAngle: 45, // 同grid相近属性设置 shadowOffset: 1.5, // 同grid相像属性设置 shadowDepth: 3, // 同grid雷同属性设置 shadowAlpha: 0.07 // 同grid相似属性设置 }

该渲染器首要用来以指数计算的艺术生成坐标轴上刻度值。私下认可景况下,刻度值是均匀显示的,然而刻度值也可以按指数拉长的办法体现。 7.ohlcRenderer 相关引用包:

该渲染器首要用于显示刻度为日期格式的坐标轴,它巩固了javascript的位置数据管理本事,它大概帮助具备的日子格式。 此外,该渲染器还提供了强硬的格式化功能,它能将数据中国和日本期字符串格式化为你要求的格式并体现在坐标轴的刻度线上。 2.categoryAxisRenderer 连锁援引包:

该渲染器主要用以展现柱状图,该渲染器能够很好的支配各类组内及组间隔开分离,而且该柱状图能够水平显得。 4.cursor 连锁援用包:

返回顶部