...
- pkchart.setXAxis,pkchart.setYAxis,pkchart.setSeriesData 通常必须都调用
- setXAxis:function(objectname,xAxises)。设置一个或多个X轴信息(不包含数据)。不适用于雷达图和饼图
- 本函数可以不调用。如果不调用,将会有1个X轴,X轴无刻度值显示。
- xAxises是一个数组,第一个元素表示一个第一个X轴,第二个元素表示第二个X轴。通常用1个X轴就可以了。如果给出2个X轴信息,则两个X轴上下错开
- type属性:每个X轴应该给出一个type。category/time/无。
- category表示按照类目设置,此时必须通过data属性给出类目名称(个数需要等于数据的个数)。
- time表示按照序列给出的时间,此时data属性赋值无效,序列数据的data赋值格式:[[1522306819000, 2], [1522306919000, 1], [1522307019000, 3], [1522307119000, 1], [1522307120000, 1],[1522307230000, 1], [1522302230000, 1], [1522307430000, 1], [1522407230000, 1]];
- data属性:配合type==category使用,指定Y轴每个刻度显示的名字。如果未赋值,则不显示刻度文字,但刻度标尺依然显示。data个数应该和序列数据最大个数相等,否则会导致序列数据中超出个数的数据显示不了。每个元素应该该属性是个数组,如:['周一', '周二', '周三', '周四', '周五', '周六', '周日']。
- 示例:pkchart.setXAxis("chart1",[{type:"category",data:['周一', '周二', '周三', '周四', '周五', '周六', '周日']}]);
- 示例:pkchart.setXAxis("chart1",[{type:"category"}]);
- axisPointer属性:配合type==category且data不为空才有效果。鼠标移动到柱子上显示效果,缺省为阴影。如果type为空则不显示阴影。{type: 'shadow'}结合起来可以显示Y轴每个刻度的单位。
- 示例:pkchart.setXAxis("chart1",[{axisPointer:{type: 'shadow'}}]);
- setYAxis(objectname,yAxises)。设置一个或多个Y轴信息。不适用于雷达图和饼图
- 本函数如果不调用,将会有1个Y轴,且Y轴刻度将会根据数值自适应生成,且Y轴不显示名称和刻度的单位。
- yAxises是一个数组,第一个元素表示一个第一个Y轴,第二个元素表示第二个Y轴。通常用1个Y轴就可以了。如果给出2个Y轴信息,则两个Y轴则分布在两侧,如上面示例
- 示例:pkchart.setYAxis("chart1",[{name: '水量'},name: '温度'}]);
- name属性:每个Y轴应该给出一个name。如果不给则不显示Y轴名字。
- data属性:通常不需要使用。如果需要指定Y轴每个刻度显示的名字,那么应该给出data属性,且data个数应该和序列数据最大个数相等,否则会导致序列数据中超出个数的数据显示不了。
- 每个元素应该该属性是个数组,如:['周一', '周二', '周三', '周四', '周五', '周六', '周日']。如果不指定,则根据数值自动指定刻度和间隔
- min,max,interval属性:通常不需要使用。三个结合起来,手工指定Y轴每个刻度间隔。min必须小于数据数值的最小值,max必须大于数值的最大值,否则将导致最小值或最大值柱子显示不全。示例:min: 0,max: 250,interval: 50。
- type,axisLabel属性:结合起来可以显示Y轴每个刻度的单位。type: 'value',axisLabel: {formatter: '{value} ml'}
- 示例:pkchart.setYAxis("chart1",[{type: 'value',axisLabel: {formatter: '{value} ml'}}]);
- pkchart.setSeriesData:function(objectname,seriesData)。填充序列数据,必须调用。seriesData为数组,每个数组元素又是一个数组
- 如果x轴的type==category,则每个序列数据是一个数组,
- 示例:
- pkchart.setXAxis("chart1",[{type:"category",data:['周一', '周二', '周三', '周四', '周五', '周六', '周日']}]);
- pkchart.setYAxis("chart1",[{'name':'水量','name':'温度'}]);
- pkchart.setSeriesData("chart1", [[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]]);
- 如果x轴的type==time,则每个序列数据数组的元素是时间+数值。
- 示例:
- pkchart.setXAxis("chart1",[{type:"category",data:['周一', '周二', '周三', '周四', '周五', '周六', '周日']}]);
- pkchart.setYAxis("chart1",[{'name':'水量','name':'温度'}]);
- pkchart.setSeriesData("chart1",[[[1522306819000, 2], [1522306919000, 1], [1522307019000, 3], [1522307119000, 1], [1522307120000, 1],[1522307230000, 1], [1522302230000, 1], [1522307430000, 1], [1522407230000, 1]]]);
- 如果x轴的type==category,则每个序列数据是一个数组,
...