2013-11-25 2 views
3

Я пытаюсь создать график, используя AmStockChart версии 2 единственная вещь, которая не работает в том, что я хочу использовать цифры вместо даты в категории оси enter image description hereAmStock Chart, основанный не на дату, CategoryAxis

Для этого я также добавил ниже Javascript, но до сих пор работает ВЗ

var catAxis = new AmCharts.CategoryAxis(); 
catAxis.parseDates = false; 
chart.categoryAxis = catAxis; 

ПОЛНЫЙ JAVASCRIPT КОД

var stockPanel1 = new AmCharts.StockPanel(); 
stockPanel1.showCategoryAxis = true; 
stockPanel1.recalculateToPercents = "never"; 

// Axis ///////////////////////////////////////////// 
var valAxis1 = new AmCharts.ValueAxis(); 
valAxis1.position = "left"; 
valAxis1.inside = false; 
valAxis1.gridAlpha = 1; 
valAxis1.gridColor = "#ededee"; 
valAxis1.color = "#808285"; 

// Graph /////////////////////////////////////////// 
var graph = new AmCharts.StockGraph(); 
graph.valueField = "Value"; 
graph.valueAxis = valAxis1; 
graph.comparable = true; 
graph.compareField = "Value"; 
graph.periodValue = "Open"; 
graph.lineThickness = 2; 
graph.compareGraphLineThickness = 2; 
stockPanel1.addStockGraph(graph); 
stockPanel1.addValueAxis(valAxis1); 
chart.panels = [stockPanel1]; 

// create stock legend     
var stockLegend1 = new AmCharts.StockLegend(); 
stockLegend1.valueWidth = 100; 
stockLegend1.markerType = "line"; 
stockPanel1.stockLegend = stockLegend1; 

//legend settings 
var legendSettings = new AmCharts.LegendSettings(); 
legendSettings.markerBorderThickness = 6; 
legendSettings.markerSize = 29; 
legendSettings.color = "#808285"; 
chart.legendSettings = legendSettings; 

// OTHER SETTINGS //////////////////////////////////// 
var sbsettings = new AmCharts.ChartScrollbarSettings(); 
sbsettings.graph = graph; 
sbsettings.backgroundColor = "#d5d7d8"; 
sbsettings.selectedBackgroundColor = "#FFFFFF"; 
sbsettings.selectedGraphFillColor = "#dcdbb5"; 
sbsettings.color = "#808285"; 
sbsettings.enabled = false; 
chart.chartScrollbarSettings = sbsettings; 

//category settings 
var catAxes = new AmCharts.CategoryAxesSettings(); 
catAxes.dashLength = 15; 
catAxes.gridAlpha = 1; 
catAxes.gridColor = "#dcddde"; 
catAxes.color = "#808285"; 

chart.categoryAxesSettings = catAxes; 

chart.panelsSettings.marginRight = 50; 
chart.panelsSettings.marginLeft = 50; 


var catAxis = new AmCharts.CategoryAxis(); 
catAxis.parseDates = false; 
chart.categoryAxis = catAxis; 

//Changes cursor from red to green 
var cursorSettings = new AmCharts.ChartCursorSettings(); 
cursorSettings.cursorColor = "#8e8c35"; 
cursorSettings.width = 3; 
cursorSettings.zoomable = false; 
chart.chartCursorSettings = cursorSettings; 
chart.write('chartdiv'); 

Пожалуйста, дайте мне знать, если вам нужно Дополнительная информация

ответ

1

Исправлена ​​проблема, начиная ось категории с 2000 года, а затем добавить 1. В amchart изменили настройки, чтобы отобразить последние два символа года

var catAxes = new AmCharts.CategoryAxesSettings(); 
catAxes.dateFormats = [{ period: 'fff', format: 'JJ:NN:SS' }, { period: 'ss', format: 'JJ:NN:SS' }, { period: 'mm', format: 'JJ:NN' }, { period: 'hh', format: 'JJ:NN' }, { period: 'DD', format: 'DD' }, { period: 'WW', format: 'MMM DD' }, { period: 'MM', format: 'YY' }, { period: 'YYYY', format: 'YY'}]; 
chart.categoryAxesSettings = catAxes; 
0

Фондовая диаграмма не может работать с осью категории, не относящейся к дате. Вместо этого вы можете использовать AmXYChart.

 Смежные вопросы

  • Нет связанных вопросов^_^