UWP WinRTXamlToolkit：带单位的图表标签

Question

对于 UWP 应用程序，我正在显示一个包含高度数据的图表，它目前看起来像这样：

我想要像 100 m 这样的 y 值单位，但我只能设法获取值本身。我可以通过 "StringFormat" 在 "AxisLabelStyle" 中像这样

在该值后面放置一个静态单位

<Setter Property="StringFormat" Value="{}{0:0 m}" />

但不幸的是我需要一个动态单位（例如米或英尺）。

我错过了什么吗？想法？

Answer 1

正如我们所讨论的，此样式由用户设置。所以我只是用了一个ComboBox到select的样式来测试。

这是我的代码：

<Charting:Chart x:Name="AreaChart" Title="Area Chart" Margin="0,0">
    <Charting:AreaSeries x:Name="areaseries" IndependentValuePath="Value" DependentValuePath="Number" IsSelectionEnabled="True" />
</Charting:Chart>

<ComboBox x:Name="comboBox" VerticalAlignment="Bottom" SelectionChanged="comboBox_SelectionChanged">
    <ComboBoxItem>Meters</ComboBoxItem>
    <ComboBoxItem>Feet</ComboBoxItem>
</ComboBox>

后面的代码只是为了测试，我没有尝试在你的图片中重建你的图表：

public MainPage()
{
    this.InitializeComponent();
    this.Loaded += MainPage_Loaded;
}

private void MainPage_Loaded(object sender, RoutedEventArgs e)
{
    LoadChartContents();
}

private void LoadChartContents()
{
    Random rand = new Random();
    List<ChartTest> testitem = new List<ChartTest>();

    for (int i = 0; i < 30; i++)
    {
        testitem.Add(new ChartTest() { Value = i, Number = rand.Next(0, 100) });
    }

    (AreaChart.Series[0] as AreaSeries).ItemsSource = testitem;
}

private void comboBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
    areaseries.IndependentAxis = new LinearAxis { Orientation = AxisOrientation.X };
    var axis = (LinearAxis)areaseries.IndependentAxis;
    var item = comboBox.SelectedItem as ComboBoxItem;
    if ((string)item.Content == "Meters")
    {
        var labelstyle = new Style(typeof(AxisLabel));
        labelstyle.Setters.Add(new Setter(AxisLabel.StringFormatProperty, "{0:0 m}"));
        axis.AxisLabelStyle = labelstyle;
    }
    else
    {
        var labelstyle = new Style(typeof(AxisLabel));
        labelstyle.Setters.Add(new Setter(AxisLabel.StringFormatProperty, "{0:0 feet}"));
        axis.AxisLabelStyle = labelstyle;
    }
}

而我的是 ChartTest class 是这样的：

public class ChartTest
{
    public int Value { get; set; }
    public int Number { get; set; }
}

这里的重点是在ComboBox的SelectionChanged事件中动态添加AxisLabelStyle到AreaSeries。

UWP WinRTXamlToolkit：带单位的图表标签

UWP WinRTXamlToolkit: chart-labels with units

charts

label

axis

toolkit

win-universal-app