サンプル:折れ線グラフ

www.altova.com すべてを展開/折りたたむ このトピックを印刷 前のページ 1つ上のレベル 次のページ

ホーム >  SPS ファイル: コンテンツ > チャート >

サンプル:折れ線グラフ

SPS ファイルの YearlySales.sps 内に含まれている折れ線グラフをこのセクションでは取り上げます。この SPS デザインは YearlySales.xsd という XML スキーマをベースにしており、(以下のスクリーンショットにある)YearlySales.xml を作業用 XML ファイルとして使用しています。これらのファイルは、 (マイ) ドキュメントフォルダーC:\Documents and Settings\<username>\My Documents\Altova\StyleVision2019\StyleVisionExamples/Tutorial/Charts に含まれています。

 

Click to expand/collapse listingXML file used in charts example: YearlySales.xml

 

<?xml version="1.0" encoding="UTF-8"?>

<Data xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 

      xsi:noNamespaceSchemaLocation="YearlySales.xsd">

 <ChartType>Pie Chart 2D</ChartType>

 <Region id="Americas">

         <Year id="2005">30000</Year>

         <Year id="2006">90000</Year>

         <Year id="2007">120000</Year>

         <Year id="2008">180000</Year>

         <Year id="2009">140000</Year>

         <Year id="2010">100000</Year>

 </Region>

 <Region id="Europe">

         <Year id="2005">50000</Year>

         <Year id="2006">60000</Year>

         <Year id="2007">80000</Year>

         <Year id="2008">100000</Year>

         <Year id="2009">95000</Year>

         <Year id="2010">80000</Year>

 </Region>

 <Region id="Asia">

         <Year id="2005">10000</Year>

         <Year id="2006">25000</Year>

         <Year id="2007">70000</Year>

         <Year id="2008">110000</Year>

         <Year id="2009">125000</Year>

         <Year id="2010">150000</Year>

 </Region>

</Data>

 

 

SPS ファイルを StyleVision で開いたら、Authentic プレビューに切り替え、Chart type のコンボボックスにて Line Chart を選択してください。

 

Click to expand/collapse

 

 

折れ線グラフには地域ごとの年間売上高が表示されます(以下のスクリーンショットを参照)。グラフの X-軸には年が表示され、Y-軸には売上高が表示されます。各折れ線により、2005年から2010年における地域ごとの売上が表示されます。グラフ下部にある凡例により、それぞれの地域に対応する線が示されます。

 

ChartLineGraph

 

このグラフは Region ノードの親である Data ノード内部で作成されています(上に示される XML ファイルを参照ください)。データ選択を以下のスクリーンショットに示します。

 

ChartDataSelFlex03

 

データ選択については、以下の点に注意してください:

 

Z-軸(系列軸)により、地域の名前 (Region/@id) が選択されます。
X-軸により年の名前 (Region/Year/@id) が選択され、Y-軸により各年の売上高(Region/Year 要素のコンテンツ)が選択されます。

 

上のデータ選択では、各 Region 要素に対して系列名(Region 要素の id 属性にある値)が選択され、(Year/@id 属性値から得られた順序に従い)Region の X-軸が生成されます。その後、(Year 要素のコンテンツが得られた順序に従い)Y-軸の値を生成します。このような処理を3つの Region 要素に対して行うことで、上に示されるグラフが生成されます。

 

異なる軸で使用されるデータの選択方法に関する詳細については、次のセクションを参照してください: チャートのデータ選択におけるルール.

 

 

 


(C) 2019 Altova GmbH