Bear Bull Volume Color

[Justin]

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

[Farveen Sulthana Thameeztheen Basha]

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.

[Justin]

Thank you Durga!

Justin K

[Durga Gopalakrishnan]

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.