StockChart with images as events ?

I wonder if there is a way to draw a few hundreds small images for events-alike on StockChart ?
( like loading them from an array or something )

9 Replies 1 reply marked as answer

SM Srihari Muthukaruppan Syncfusion Team July 3, 2020 01:22 PM UTC

Hi Yordan,

We are analyzing your query. Since we are not clear about the exact requirement. Can you please provide more information regarding the requirement such as screenshots or code snippets which will be more helpful for further analysis and provide you the solution sooner.

Regards,
Srihari



YO Yordan July 3, 2020 01:32 PM UTC

Sorry dear support for not been clear the first time.
Here. I am looking for something as the sketch i did.


SM Srihari Muthukaruppan Syncfusion Team July 6, 2020 10:04 AM UTC

Hi Yordan, 
  
We have analyzed your query. From that, we would like to let you know that we can use StockChartStockEvents tag to achieve a circle, rectangle, triangle, and arrows shapes in stock charts.  And we can also use StockChartAnnotations to provide required images or text in stock charts. Based on your requirement we have prepared a sample for your reference. 
  
  
Code Snippet:  


<SfStockChart> 
   // add your additional code here 
             <StockChartStockEvents> 
               <StockChartStockEvent Date="new DateTime(2017, 02, 12)" Text="Close" Background="#f48a21"> 
                    <StockChartStockEventsBorder Color="#f48a21"></StockChartStockEventsBorder> 
                    <StockChartStockEventsTextStyle Color="white"></StockChartStockEventsTextStyle> 
                </StockChartStockEvent> 
            </StockChartStockEvents> 
            <StockChartAnnotations> 
                <StockChartAnnotation X="500" Y="200" CoordinateUnits="Units.Pixel"> 
                    <ContentTemplate> 
                        <div><img src="images/Chart/cloud.png" style="width: 41px; height: 41px" /></div> 
                     </ContentTemplate> 
                </StockChartAnnotation> 
            </StockChartAnnotations> 
// add your additional code here 
</SfStockChart> 
  
Screenshot: 
 
  
Let us know if you have any concerns. 
  
Regards,
Srihari
 



YO Yordan July 6, 2020 11:19 AM UTC

Emh.. I am not meaning about static image drawn on the top of the chart, but actually images which is related to the data.
The image in the sample is stuck on one place, it's not an let say event.


SM Srihari Muthukaruppan Syncfusion Team July 7, 2020 12:20 PM UTC

Hi Yordan, 
  
Sorry for the inconvenience. 

 
Since we are not clear about the exact requirement. Can you please provide more information regarding the requirement such as screenshots or code snippets which will be more helpful for further analysis and provide you the solution sooner. 
  
Regards,
Srihari
 



YO Yordan July 7, 2020 03:10 PM UTC

Hello dear syncfusion support. Well.. I can not provide code snippet since I am not sure how to make this thing, nor I can do screenshot since I am not sure how to make a code for it, and this is the question actually, so I will try to clarify, by more explanation ( please do not hesitate to ask me additionally to clarify if needed ).
So..

Let say that I have an array with events.
These events have a specific date when they happen, they as well have a description. 
Each of these events must be visualized on the chart in the specific date with a picture which is a property of the event object, and when I move my mouse over it - to show the description.

for instance the follow class :

public class TChartEvent 
{
     public string imagePath;
     public DateTime XchartValue;
     public string description;
     public string YchartValue;
}
public List<TChartEvent > events = new List<TChartEvent >();

I am not sure if this is sufficient, please tell me if you need additional clarification.


SM Srihari Muthukaruppan Syncfusion Team July 10, 2020 01:09 PM UTC

Hi Yordan, 
  
We have analyzed your query. As of now we can’t give image in stock events, but we can achieve requirements using annotations which support image. However in annotation we can’t bind the description.  Also, we are facing some issues in providing annotation for DateTime Axis. We have already logged a bug task on this. Please find the task below. 
  
The fix will be available in our weekly patch release which is scheduled to be rolled out on or before July 21, 2020. We appreciate your patience until then.  
   
If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal.   
   
Thanks,   
Srihari.  



SM Srihari Muthukaruppan Syncfusion Team July 22, 2020 02:11 PM UTC

Hi Yordan, 
  
We have analyzed your query. From that, we would like to let you know that due to some technical issues we are unable to include this fix in this patch release. Hence we suggest you to use the below custom package with the latest version for the reported scenario. We have also prepared a sample for your reference. Please find below the custom package, sample, and screenshot for your reference.   
   
   
Kindly replace this above nugget package in your project and let us know if still, you have faced any problems. This fix will be available in our upcoming weekly patch release which is scheduled to be rolled out on or before July 28 2020. 
  
Regards,   
Srihari M  



SM Srihari Muthukaruppan Syncfusion Team July 28, 2020 01:57 PM UTC

Hi Yordan, 
  
Thanks for your patience. 
  
We are glad to announce that our v18.2.47 patch release is rolled out, we have added the fix for the reported scenario. And you can use the latest (18.2.47) Syncfusion.EJ2.Blazor NuGet package version and updateinterop CDN file to get rid of the reported issue. 
  
  
  

Screenshot: 
 
  
We appreciate your patience in waiting for this release. Kindly let us know if you need further assistance. 
  
Regards, 
Srihari 


Marked as answer
Loader.
Up arrow icon