2

現在、Oracle Apex 4.1 を使用して (デフォルトの AnyChart プラグインを使用して) グラフを作成しています。このグラフには、SQL クエリから動的に入力されたデータを含む複数のシリーズがあります。シリーズごとに線の色を簡単に変更できますが、異なる線のスタイル (1 つの実線、1 つの破線、ダイヤモンド マーカーで 1 つの破線など) で線を区別する必要もあります。 AnyChart チャートのカスタム XML 機能で、各折れ線シリーズの線スタイルを設定できないようです。

1) APEX ビルダー ページの CustomXML 部分を操作して、各シリーズの線のスタイルを設定する方法に関する解決策はありますか? #DATA# 置換画面を分割する方法がわかりません。

2) 目標を達成するために APEX ページに組み込むことができる別のソリューションを知っている人はいますか? 私は AnyChart にまったく執着していません。

ご協力ありがとうございました。以下は、私が探している種類のソリューションの Google 画像検索です。

http://www.google.com/imgres?um=1&hl=en&sa=N&tbo=d&biw=1440&bih=799&tbm=isch&tbnid=gel5t-WrO7YnQM:&imgrefurl=http://www.swiftchart.com/example_1.htm&docid=cL4I17cL558p_M&imgurl= http://www.swiftchart.com/line_ex5.png&w=400&h=300&ei=JW6-UO_4C6H62gWK54DoAw&zoom=1&iact=hc&vpx=4&vpy=494&dur=29&hovh=194&hovw=259&tx=79&ty=185&sig=100543309725245412492&page=1&tbnh=139&tbnw=189&start=0&ndsp= 26&ved=1t:429,r:20,s:0,i:152

4

1 に答える 1

3

同じ質問に対する答えを求める人向けです。

AnyChart では、さまざまなスタイルをチャート要素に適用できます。OPが望んでいたことを行うには、カスタムXMLでスタイルを定義してシリーズに割り当てる必要があります。たとえば、これは XML です。

<?xml version="1.0" encoding="UTF-8"?>
<anychart>
  <charts>
    <chart plot_type="CategorizedVertical">

      <styles>
        <line_style name="style1">
          <line enabled="True" thickness="4" color="Rgb(86,86,26)" />
          <effects>
            <bevel enabled="true" highlight_opacity="0.4" shadow_opacity="0.4" distance="2" />
            <drop_shadow enabled="true" opacity="0.3" />
          </effects>
          <states>
            <hover>
              <border color="DarkRed" thickness="6" />
            </hover>
          </states>
        </line_style>
        <line_style name="style2" parent="style1">
          <line color="Rgb(180,180,255)" />
        </line_style>
        <line_style name="style3" parent="style1">
          <line color="Rgb(255,170,170)" dashed="True" dash_length="5" space_length="5" />
        </line_style>
      </styles>

      <data_plot_settings default_series_type="Line">
        <line_series>
          <marker_settings enabled="false" />
        </line_series>
      </data_plot_settings>

      <!--#DATA#-->
      &PAGE_ITEM_WITH_CHART_DATA.

      <chart_settings>
        <title enabled="false" />
        <axes>
          <y_axis>
            <title>
              <text>Salary</text>
            </title>
          </y_axis>
          <x_axis>
            <title>
              <text>Month</text>
            </title>
          </x_axis>
        </axes>
      </chart_settings>
    </chart>
  </charts>
</anychart>

非表示のPAGE_ITEM_WITH_CHART_DATAアイテムには、すべてのチャート データ シリーズが含まれている必要があります。styles要素は、チャートのパーツで使用するさまざまなスタイルを定義します。次のように、そのうちの 1 つをシリーズ全体に割り当てることができます。

<data>
  <series name="2003 Sales" style="style1">
    <point name="January" y="12000" />
    <point name="February" y="15000" />
    <point name="March" y="16000" />
    <point name="April" y="15000" />
    <point name="May" y="14000" />
  </series>
  ...
</data>

または、スタイルを 1 点だけに割り当てることもできます。

<data>
  ...
  <series name="2004 Sales" style="style2">
    <point name="January" y="10000" />
    <point name="February" y="12000" />
    <point name="March" y="18000" style="style3" />
    <point name="April" y="11000" />
    <point name="May" y="9000" />
  </series>    
<data>

ここで XML コードの例を見つけることができます。

于 2013-06-05T16:14:42.073 に答える