Column Width for Column Series Chart

[Glen Alexander]

Hi, I'm trying to find a way to specify a column width for Basic Chart (Column Series) but have had no luck finding it in your documentation. How do I set a width for columns?

[Srihari Muthukaruppan]

Hi Glen, 

 

We have analysed your query. We can reduce the width of the column using columnWidth property in the series of the chart which ranges between 0.1 to 1. We have also prepared a sample for your reference. In which We have reduced the columnWidth to 0.4 to achieve your requirement. Please find the sample and screenshot below.  

  

Sample: https://stackblitz.com/edit/angular-wzxaa4?file=app.component.html 

 

Code Snippet: 

 // add your additional code here 

<e-series-collection> 

        <e-series 

          [dataSource]="data" 

          type="Column" 

          xName="x" 

          yName="y" 

          name="Gold" 

          width="2" 

          columnWidth="0.4" 

          [marker]="marker" 

        > 

        </e-series> 

      </e-series-collection> 

// add your additional code here 

  

Screenshot:  

 

 

Let us know if you have any concerns.  

  

Regards,  

Srihari M 

[Glen Alexander]

Thanks, I couldn't find that on the documentation site. 

[Durga Gopalakrishnan]

Hi Glen, 

 

We have logged a documentation task for this, and the changes will be available in our upcoming volume 4 main release which is expected to be rolled out at end of December 2020. We will let you know once it will be refreshed in online.  

 

Regards, 

Durga G 

[Srihari Muthukaruppan]

Hi Glen, 

 

Sorry for the inconvenience.   

    

Due to some technical difficulties, we are unable include this section in our UG link in our volume 4 release. We will consider this in our volume 1 release which is expected to be rolled out by the end of March 2021. We appreciate your patience until then.   

    

Regards,   

Srihari 

[Srihari Muthukaruppan]

Hi Raul, 

 

Sorry for the inconvenience. 

 

Since on chart initial loading, we gather text measure information for rendering purposes. And its size exceeds the default SignalR buffer size 32 KB, the server will be disconnected. So you need to add the following service to increase the buffer size to 64 KB over the SignalR connection. And this is mandatory to render the chart in latest version 19.1.54. 

 

Code Snippet: 

using Syncfusion.Blazor; 

namespace BlazorApplication 

{ 

public class Startup 

{ 

    .... 

    .... 

    public void ConfigureServices(IServiceCollection services) 

    { 

        .... 

        .... 

        services.AddSyncfusionBlazor(); 

        services.AddSignalR(e => { 

          e.MaximumReceiveMessageSize = 65536; 

        }); 

    } 

} 

} 

 

 

Note: For using Azure SignalR to host your blazor server application use below configuration 

 

using Syncfusion.Blazor; 

namespace BlazorApplication 

{ 

public class Startup 

{ 

    .... 

    .... 

    public void ConfigureServices(IServiceCollection services) 

    { 

        .... 

        .... 

        services.AddSyncfusionBlazor(); 

        services.AddSignalR(e => {e.MaximumReceiveMessageSize = 65536;}).AddAzureSignalR(); 

    } 

} 

} 

 

 

Let us know if you have any concerns. 

 

Regards, 

Srihari M