검도 UI 차트 구조가 새로 고침되었습니다.

Question

막대 그래프를 표시하기 위해 각도 2 및 검도 UI를 사용하고 있습니다. 기능은 데이터가 제출되고 계산 막대 그래프가 생성되어 매력처럼 작동하는 것과 같습니다.

, 그때는 무엇입니까 검도 차트 결과 아래와 같은 페이지를 새로 고쳐집니다 사용자되면

: 페이지를 다시로드 한 후

, 속성

결과

은 다음과 같다 투명 값 ( rgba(255,255,255,0))을 갖는 SVG 요소 ( g, path)의 값 ( Stroke, fill)이다.

검도 차트 코드 :

   <kendo-chart > 
       <kendo-chart-title text="{{ returnObject.designation }} Score card - {{ chartObject.getTotalSum }}% Match" color ="#337ab7" ></kendo-chart-title> 
        <kendo-chart-value-axis> 
         <kendo-chart-value-axis-item [min]="0" [max]="10" > 
         </kendo-chart-value-axis-item> 
         <kendo-chart-series-defaults type="bar"> 
          <kendo-chart-series-defaults-labels format="c"> 
          </kendo-chart-series-defaults-labels> 
         </kendo-chart-series-defaults> 
        </kendo-chart-value-axis> 
        <kendo-chart-category-axis> 
         <kendo-chart-category-axis-item [categories]="chartObject.skills"> 
         </kendo-chart-category-axis-item> 
        </kendo-chart-category-axis> 
        <kendo-chart-series> 
         <kendo-chart-series-item type="bar" color="#337ab7" [data]="chartObject.rates"> 
         </kendo-chart-series-item> 
        </kendo-chart-series> 
       </kendo-chart> 

참고 : 모든 JSON 데이터와 검도 UI CSS 완벽오고의 결과지만, UI는이 모든 문제가 검도 UI 차트에서 SVG 요소와 관련된, 지저분한입니다.

Answer 1

검도 UI에 대한 버그가 있습니다!

<link rel="stylesheet" href="http://www.telerik.com/kendo-angular-ui/npm/node_modules/@telerik/kendo-theme-default/dist/all.css" />

이

검도 UI에 대한 스타일이고, I는 성분 수준에서 유지. 그래서 여하튼 그것은 CSS와 속성을 로딩하는 데에도 문제가되고 있습니다.

나는 응용 프로그램 수준에서이 스타일 시트 링크를 유지했습니다. 내 말은 index.html입니다. 문제가 해결되었습니다! 차트는 매력처럼 작동합니다!