We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Bear Bull Volume Color

Hello, 

Can you please provide an example on how to create the volume column chart with the proper bear / bull color as shown in this top image? 

https://www.syncfusion.com/blazor-components/blazor-stock-chart

Thank you, 

Justin


3 Replies 1 reply marked as answer

FS Farveen Sulthana Thameeztheen Basha Syncfusion Team November 16, 2022 08:56 AM

Hi Justin,


We suggest you to use PointColorMapping property to apply different colors for chart series data points. We have prepared sample based on your requirement. Please check with the below snippet and screenshot.


<SfStockChart>

   <StockChartSeriesCollection>

        <StockChartSeries PointColorMapping="color" Type="ChartSeriesType.Column">

       </StockChartSeries>

   </StockChartSeriesCollection>

</SfStockChart>

@code{

    List<ChartData> Data = new List<ChartData>

    {

            new ChartData { x = new DateTime(1950, 1, 12), high = 125, low = 70,  open = 115, close = 90 , volume=10000, color = "red" },

            //…

    };

}



Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/StkChartPointColor232345972.zip


Please revert us if you have any concerns.


Regards,

Durga Gopalakrishnan.


Marked as answer

JU Justin November 16, 2022 03:22 PM

Thank you Durga!

Justin K



DG Durga Gopalakrishnan Syncfusion Team November 17, 2022 12:46 AM

Hi Justin,


Most welcome. Please get back to us if you need any further assistance. We are always happy in assisting you.


Regards,

Durga Gopalakrishnan.


Loader.
Live Chat Icon For mobile
Up arrow icon