Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Peter
255
Use one categoryDateTimeX axis for more series
posted

I would like to show more series with many different values in time. I use categoryDateTimeX for xAxis as you can show here:

axes: [{
                name: "baseX",
                type: "categoryDateTimeX",
                dataSource: dateAxisArray,
                label: "MeasureTime",
                formatLabel: function (item) {
                    return item.toLocaleTimeString();
                },
                dateTimeMemberPath: "MeasureTime"
            },
            {
                name: "yAxis",
                type: "numericY"
            }]


dateAxisArray is now just an array with two elements, the first and the last one. I want my series to be appeared on the chart synchronised in time to this baseX xaxis. How can I do this? Right now the problem is that it doesn't show up any of the series is I generate an independent array to be the xAxis.


A couple of hours ago I tried to add an xAxis for each series. This went well, everything appeared but not at its place. Values of the series was far from being synchronised.



								


				
				
		

			
						
									
									
						
						
			
			
			
			
		

		
				    			






	

		
	











	

	

		




	








	
	
	
	



Parents
	
    
	

  • 
	
    


	
			
		
	



    
	
    
        
    
            
    
				    				
    						
    

			                			
    
    			     49378
    			
    
            
        
    
        
        
    
                            
    
                     
                                            Suggested Answer
                                    
    
                        
            
                                
									
				
								posted 
				
    						
        
    
        
    
    
	
	

		
		
    
					
    Hello Peter,
    

    Thank you for posting in the community.
    

    I am attaching a sample illustrating how multiple date time series may be synchronized in an igDataChart.
    

    In this scenario a separate xAxis  is required for each serie, and each axis should have its datasource set to the datasource of the respective serie.
    

    Afterwards the max and min date time values across all datasource used by the series would need to be calculated, and the minimumValue and maximumValue of each xAxis would need to be set to these values. The labels for all axis but one may then be collapse, creating the appearance of a single xAxis(in the sample the min and max values are statically).
    

    Please let me know if this helps.
    
			
    

		
		
		
				HtmlPage.zip
			
	
    
	
    
		
    
			
		
    
	
    
	
    
		
				
						
						
						
				
				
		
		
    
			
		
    
	
    

    

    

    • 

	




Reply



Children
	
No Data