必威-必威-欢迎您

必威,必威官网企业自成立以来,以策略先行,经营致胜,管理为本的商,业推广理念,一步一个脚印发展成为同类企业中经营范围最广,在行业内颇具影响力的企业。

这里是它详细使用文档必威:,更重要的是作为

2019-11-22 19:22 来源:未知

眼下也讲过三个基于java的图片报表,功用及外观也不错,但存在通用性的标题。所以大家来学叁个富有易用性+包容性+可扩充性的js图表插件。 jqPlot是生龙活虎款基于jquery类库的Logo绘制插件。通过jqPlot能够再网页中绘制线状、柱状、饼状等三种体制图表。并且,jqPlot具备插件可增添性,你能够编写本人的图样样式。 官方地址: 有三种图片样式可供选拔能够自定义日期轴线 可设置旋转轴文字 自动测算趋向线 工具条提醒和高亮数办事处 默许最优设置,特别轻便使用 以上功用在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', show马克: true, //设置是不是出示刻度 showGridLine: true, // 是还是不是在图片区域突显刻度值方向的网格线 markSize: 4, // 种种刻度线顶点距刻度线在坐标轴上点间距 //假若mark值为 'cross', 那么每一个刻度线都有上尖峰和下极点,刻度线与坐标轴 //在刻度线中间交叉,那么那时那么些间隔×2, show: true, // 是还是不是出示刻度线,与刻度线同方向的网格线,以致坐标轴上的刻度值 showLabel: true, // 是不是出示刻度线以至坐标轴上的刻度值 formatString: '', // 梃置坐标轴上刻度值展现格式,eg:'%b %#d, %Y'表示格式"月 日,年","AUG 30,2010" fontSize:'10px', //刻度值的字体大小 fontFamily:'Tahoma', //刻度值上字体 angle:40, //刻度值与坐标轴夹角,角度为坐标轴正向顺时针方向 fontWeight:'normal', //字体的粗细 fontStretch:1//刻度值在所在可行性度 } showTicks: true, /// 是还是不是出示刻度线以至坐标轴上的刻度值 showTick马科斯: 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, //是还是不是出示图表中的折线 show马克尔: 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.马克尔Renderer, // 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是二个特出强盛的图纸工具,曲线,柱状,饼图,应该有尽有,更要命的是,调用方便~~ 官网: 这里贡献上汉语教程,基本上全部的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'。 show马克: 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, //是还是不是出示刻度线以致坐标轴上的刻度值, showTick马科斯: true, // 设置是不是出示刻度 use塞里esColor: 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: '', // 分类在图标中表示的颜色. lineWidth: 2.5, // 分类图哪宽度. shadow: true, // 各图在图纸中是不是出示阴影区域. shadowAngle: 45, //参谋grid中平等参数. shadowOffset: 1.25, //参谋grid中千篇生龙活虎律参数. shadowDepth: 3, //参照他事他说加以考查grid中千篇大器晚成律参数. shadowAlpha: 0.1, // Opacity of the shadow. showLine: true, //是还是不是出示图表中的折线 show马克尔: 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,那么该任务为 //提醒音信栏相对于光标的任务。不然,为光标提醒音信栏在图标中之处 // 该属性可选值: 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雷同属性设置 } } }

TAG标签:
版权声明:本文由必威发布于必威-前端,转载请注明出处:这里是它详细使用文档必威:,更重要的是作为