0

dotnetHightcharts を使用しています

BasicColumnChart

public static Highcharts BasicColumnChart(Series[] Series, string[] Categories, string Title = "", string SubTitle = "", string XAxisTitle = "", string YAxisTitle = "", string ToolTipFormat = "", string YAxisLabel = "")
{
    Highcharts chart = new Highcharts("chart")
        .InitChart(new Chart { DefaultSeriesType = ChartTypes.Column, Height = 300 })
        .SetTitle(new Title { Text = Title })
        .SetSubtitle(new Subtitle { Text = SubTitle })
        .SetXAxis(new XAxis { Categories = Categories })
        .SetYAxis(new YAxis
        {
            Min = 0,
            Title = new YAxisTitle { Text = YAxisTitle },
            Labels = new YAxisLabels
            {
                 Formatter = @"function() { return this.value +' " + YAxisLabel + "';}"
            }
        })
        .SetLegend(new Legend
        {
            Layout = Layouts.Vertical,
            VerticalAlign = VerticalAligns.Top,
            Align = HorizontalAligns.Right,
            Shadow = true,
            BackgroundColor = ColorTranslator.FromHtml("#FFFFFF"),
            Floating = true
        })
        .SetTooltip(new Tooltip { Formatter = @"function() { return ''+ this.x +' - '+ this.y +' " + ToolTipFormat + "'; }" })
        .SetPlotOptions(new PlotOptions
        {
            Column = new PlotOptionsColumn
            {
                PointPadding = 0.2,
                BorderWidth = 0
            }
        })
        .SetSeries(Series);

    return chart;
}

次の行を使用して、すべてのシリーズに同じ tooltipFormat を設定できます。

.SetTooltip(new Tooltip { Formatter = @"function() { return ''+ this.x +' - '+ this.y +' " + ToolTipFormat + "'; }" })

上記のコード出力:date - value tooltipFormat

でも、シリーズごとに違うフォーマットを見せたい。なぜこれが必要なのですか。たとえば、単位が異なるさまざまなデータを表示したいからです。

value[0] = 220 V    //Volt
value[1] = 5 A      //Ampere
...
value[15] = 1200 kW //Kilowatt

このトピックに関する例はたくさんありますが、これらの例はテキストを変更するだけです。私のデータビューは次のようになります:

NAME     VALUE    UNIT

Volt     220      V
Ampere     5      A
....

各シリーズの tooltipFormat を動的に変更したい。UNITフィールドを動的に追加したい。これどうやってするの？

ありがとう。

4

2 に答える 2

3

シリーズ オブジェクトにカスタム属性を追加できます。

series:{name:'series1',unit:'%'}

ツールチップ フォーマッタ関数でアクセスできます。

this.series.options.unit
于 2012-12-12T07:42:58.810 に答える