Highcharts:X轴分组堆叠图

2015-01-27 06:15:49 · 作者: · 浏览: 44

在设计一个项目中的数据展示页面时,想要设计双X轴,一个轴显示需要的项,一个轴对这些项进行分组,效果如图:

\

<??http://www.2cto.com/kf/ware/vc/" target="_blank" class="keylink">vcD4KCkhpZ2hjaGFydHPX1LT4y6tY1uHVucq+t73KvaOstavKx9Cnufuyu8rHzKvA7c/ro6y199X7xvDAtNKyu+HC6bez0Km/tLW9SGlnaGNoYXJ0c8nP09DSu7j2t9bX6bLlvP6jrGdyb3VwZWQtY2F0ZWdvcmllcy5qc6OsydTX9tDeuMS8tL/JyrXP1s/r0qq1xNCnufujrLT6wuvI58/Co7oKPHByZSBjbGFzcz0="brush:java;">$(function () { var chart = new Highcharts.Chart({ chart: { renderTo: "container", type: "column" }, title: { text: null }, plotOptions: { column: { stacking: 'normal', dataLabels: { enabled: false, color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white' } } }, series: [{ name: '新', color: '#FF3300', type: 'column', data: [4, 14, 18, 5, 6, 5, 14, 15, 18] },{ name: '循', color: '#009900', type: 'column', data: [4, 14, 18, 5, 6, 5, 14, 15, 18] } ,{ name: '备', color: '#FFFF33', type: 'column', data: [4, 14, 18, 5, 6, 5, 14, 15, 18] }], xAxis: { categories: [{ name: "2011年", categories: ["一", "二", "三"] }, { name: "2012年", categories: ["一", "二", "三"] }, { name: "2013年", categories: ["一", "二", "三"] }] } }); });
本文地址:http://blog.csdn.net/yueritian/article/details/41309137