首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >高级图表可视化,样式系列

高级图表可视化,样式系列
EN

Stack Overflow用户
提问于 2014-06-03 20:23:24
回答 1查看 319关注 0票数 0

我使用Highcharts.visualize从包含数据的表中绘制图表。

您可以在这里测试我的工作代码:http://jsfiddle.net/S2XM8/1/

我有两个问题:

  1. 我想有一个单独的样式为我的“附加价值”。我该怎么做?
  2. 我可以通过javascript为X轴添加数据吗?例如,如果我需要填补表中2014-05-27和2014-05-25之间的差距。 函数(表,选项,tableClass) { //类别options.xAxis.categories = [];$(tbody th,table).each(函数() {tableClass });//数据序列options.series = [];$(' tr ',table).each(函数(i) { var tr= this;$(‘. ===’,tr).each(函数(j) { if (i === 0) { //获取名称和init序列options.seriesj ={ name: this.innerHTML,data:[] };}{ //添加值options.seriesj.data.push(parseFloat(this.innerHTML));console.log(this.innerHTML;});});options.title ={ text:'Some图‘};$('#’+ tableClass +‘-图’).highcharts(选项);};var tableNumber =document.getElementById(“秩表”),选项={图表:{ zoomType:'x‘},xAxis:{ tickInterval: 30,反转: true,标签:{旋转: 45 },类型:'datetime',dateTimeLabelFormats:{ //不显示虚拟年份月份:'%e. %b',年份:'%b‘},yAxis:{ title:{ text:’秩‘},min: 1,反转: true },图例:{布局:’垂直‘,对齐:’中间‘,verticalAlign:’底部‘,borderWidth:} };Highcharts.visualize(tableNumber,options,'number');
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-06-04 13:13:39

这两种情况都是可能的,但需要修改可视化方法,请参见:http://jsfiddle.net/S2XM8/4/

  1. 您可以在图表中设置系列选项,然后与数据合并: 系列:{ // nothing特殊},{ type:'column‘// set series type (例如}) 和合并: options.seriesj = options.seriesj \x {};options.seriesj.name = this.innerHTML,options.seriesj.data = [];
  2. 在作为点值传递之前,检查已解析的值: var值= parseFloat(this.innerHTML);if(isNaN(值)){ //null值-在解析options.seriesj.data.push(10)时生成NaN;}NaN{options.seriesj.data.push(值);//推送值到该系列}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24024270

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档