剣道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を意味します。問題が解決しました！チャートは魅力的に機能しています！