Kendo Charts for Angular: Линейный график обрезается с установленным максимальным значением - PullRequest
Новая
       7

Kendo Charts for Angular: Линейный график обрезается с установленным максимальным значением

0 голосов
/ 25 июня 2018

Когда я устанавливаю максимальное значение на линейном графике, точка, соответствующая этому значению, обрезается.

Я попытался добавить маржу, но маржа применяется за пределами области графика.Я прошел через API , но безрезультатно.

Следующая проблема демонстрирует следующий поршень: ссылка 

@Component({
    selector: 'my-app',
    template: `
        <kendo-chart>
          <kendo-chart-value-axis>
              <kendo-chart-value-axis-item [title]="{ text: 'Miles' }"
                                           [min]="0" [max]="100">
              </kendo-chart-value-axis-item>
          </kendo-chart-value-axis>

          <kendo-chart-category-axis>
              <kendo-chart-category-axis-item [categories]="categories">
              </kendo-chart-category-axis-item>
          </kendo-chart-category-axis>

          <kendo-chart-series>
            <kendo-chart-series-item [data]="seriesData" type="line">
            </kendo-chart-series-item>
          </kendo-chart-series>
        </kendo-chart>
    `
})
export export class AppComponent {
    public seriesData: number[] = [20, 40, 100, 30, 50];
    public categories: string[] = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'];
}

1 Ответ

0 голосов
/ 25 июня 2018

Нашел это.

По-видимому, вы можете добавить панель кендо-диаграмм, где стандартная опция включенного клипа может быть отключена.

Для всех, кто заинтересован: 

      <kendo-chart-value-axis>
          <kendo-chart-value-axis-item [title]="{ text: 'Miles' }"
                                       [min]="0" [max]="100" pane="pane">
          </kendo-chart-value-axis-item>
      </kendo-chart-value-axis>
      <kendo-chart-panes>
          <kendo-chart-pane name="pane" clip="false">
          </kendo-chart-pane>
      </kendo-chart-panes>

Обновлено Плункер

...