ItemsSource="{Binding TaskCollection}"
VisualStyle="Metro">
...
|
Let us know if you need any further
assistance.
<sync:GanttControl x:Name="Gantt"
Loaded="Gantt_Loaded" UseAutoUpdateHierarchy="False"
VisualStyle="Metro" StartTime="2010, 6, 2" EndTime="2010, 7, 24"
ItemsSource="{Binding TaskCollection}"
ResourceCollection="{Binding ResourceCollection}"> |
public ViewModel()
{
_resourceCollection = this.GetResources();
_taskCollection = this.GetData();
this.Intensity = new ObservableCollection<Intensity>();
DateTime yr = new DateTime(2010, 6, 2);
Intensity.Add(new Intensity() { Year = new DateTime(2010, 6, 2), Data = 508 });
....
Intensity.Add(new Intensity() { Year = new DateTime(2010, 7, 24), Data = 450 });
} |
<Grid>
<sync:GanttControl x:Name="Gantt"
....
</sync:GanttControl>
<ScrollViewer x:Name="CustomPanelScrollViewer" HorizontalAlignment="Right" VerticalScrollBarVisibility="Hidden"
Background="Transparent" HorizontalScrollBarVisibility="Hidden" IsHitTestVisible="False">
<sync:SfChart x:Name="SteplineChart" >
<sync:StepLineSeries XBindingPath="Year" YBindingPath="Data" ItemsSource="{Binding Intensity}" />
</sync:SfChart>
</ScrollViewer>
</Grid> |
private void Gantt_Loaded(object sender, RoutedEventArgs e)
{
...
this.SteplineChart.Width = this.ganttSchedule.Width;
this.SteplineChart.Height = this.Gantt.RenderSize.Height;
...
} |
Hello,
I also need to do this same case but in ASP.NET MVC.
How would I do?
Thank you!
Hi Vladimir,
We don’t have this step line chart support in Ej2 Gantt.
Regards,
Gopinath M
Thank you very much for the return.
I build the Step Line Chart superimposed on the gantt chart, as shown in the image I'm attaching with its referent code. But I can't "synchronize" the graphics. I need the stepline chart date axis to be "synchronized" with the GanttControl date axis.
Using ASP. NET MVC, how do I synchronize the axes and link the scrrolls as was done in the solution presented here in wpf?
Hi Vladimir,
We can use the scroll requestType in the actionComplete event to get the scrollLeft and then set it to the step line chart. This way, you can synchronize the Gantt Chart and Step Line chart.
Index.ts
actionComplete: function(args: any) { if(args.requestType == "scroll" && args.action == "HorizontalScroll") { console.log(args); } }
|
Sample: https://stackblitz.com/edit/wknw8b?file=index.ts
Regards,
Monisha.