Математические функции - проблема рисования

Question

Мне нужно разработать функциональный плоттер, где пользователь может ввести до 10 различных полиномиальных или тригонометрических функций.Каждая функция представлена ​​полилинией и нарисована на холсте.Все функции хранятся в видимой коллекции функций.Однако, если я продолжу добавлять все больше и больше функций, они не будут отображаться в нужном месте.На следующих рисунках я пытался добавлять одну и ту же функцию снова и снова, но она продолжает размещать их друг на друге.

Для рисования функций я использую этот код:

<ItemsControl ItemsSource="{Binding Functions}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Polyline Points="{Binding Output, Converter={StaticResource pointConverter}}" StrokeThickness="{Binding StrokeThickness}" Stroke="Black"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

Answer 1

Панель элементов по умолчанию для элемента управления элементами - это панель стека.

Вы, кажется, не изменили это.

Попробуйте добавить приведенное ниже к вашему элементу управления.

  <ItemsControl.ItemsPanel>
    <ItemsPanelTemplate>
         <Canvas        ClipToBounds="True"
                        IsItemsHost="True" 
                        />
     </ItemsPanelTemplate>
  </ItemsControl.ItemsPanel>