当前位置: 代码迷 >> Web前端 >> Ext雷达图,如何去掉刻度
  详细解决方案

Ext雷达图,如何去掉刻度

热度:111   发布时间:2012-08-17 02:08:34.0
Ext雷达图,怎么去掉刻度



?Ext雷达图,怎么去掉每一圈上的刻度?代码如下:效果如图片(去掉图中黑框部分刻度)

?

var store = Ext.create('Ext.data.JsonStore', {
??? fields: ['name', 'data1', 'data2', 'data3'],
??? data: [
??????? { 'name': 'metric one',?? 'data1': 14, 'data2': 12, 'data3': 13 },
??????? { 'name': 'metric two',?? 'data1': 16, 'data2':? 8, 'data3':? 3 },
??????? { 'name': 'metric three', 'data1': 14, 'data2':? 2, 'data3':? 7 },
??????? { 'name': 'metric four',? 'data1':? 6, 'data2': 14, 'data3': 23 },
??????? { 'name': 'metric five',? 'data1': 36, 'data2': 38, 'data3': 33 }
??? ]
});

Ext.create('Ext.chart.Chart', {
??? renderTo: Ext.getBody(),
??? width: 500,
??? height: 300,
??? animate: true,
??? theme:'Category2',
??? store: store,
??? axes: [{
??????? type: 'Radial',
??????? position: 'radial',
??????? label: {
??????????? display: true
??????? }
??? }],
??? series: [{
??????? type: 'radar',
??????? xField: 'name',
??????? yField: 'data1',
??????? showInLegend: true,
??????? showMarkers: true,
??????? markerConfig: {
??????????? radius: 5,
??????????? size: 5
??????? },
??????? style: {
??????????? 'stroke-width': 2,
??????????? fill: 'none'
??????? }
??? },{
??????? type: 'radar',
??????? xField: 'name',
??????? yField: 'data2',
??????? showMarkers: true,
??????? showInLegend: true,
??????? markerConfig: {
??????????? radius: 5,
??????????? size: 5
??????? },
??????? style: {
??????????? 'stroke-width': 2,
??????????? fill: 'none'
??????? }
??? },{
??????? type: 'radar',
??????? xField: 'name',
??????? yField: 'data3',
??????? showMarkers: true,
??????? showInLegend: true,
??????? markerConfig: {
??????????? radius: 5,
??????????? size: 5
??????? },
??????? style: {
??????????? 'stroke-width': 2,
??????????? fill: 'none'
??????? }
??? }]
});

  相关解决方案