1. Home
  2. Forum
  3. Angular - EJ 2
  4. Column Width for Column Series Chart

Column Width for Column Series Chart

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?

5 Replies 1 reply marked as answer
SM Srihari Muthukaruppan Syncfusion Team November 20, 2020 06:18 AM UTC

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.  
  
 
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 


GA Glen Alexander November 22, 2020 10:00 PM UTC

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

DG Durga Gopalakrishnan Syncfusion Team November 23, 2020 11:28 AM UTC

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 


SM Srihari Muthukaruppan Syncfusion Team December 21, 2020 12:05 PM UTC

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 


SM Srihari Muthukaruppan Syncfusion Team April 1, 2021 02:18 PM UTC

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 


Marked as answer
Loader.
Up arrow icon