【问题标题】:Dot Net Highcharts Series Color点网Highcharts系列颜色
【发布时间】:2017-05-11 10:50:44
【问题描述】:

有没有人有一个使用新的 Dot Net Highcharts 包装器和更改系列颜色的工作示例?我只是不能让它改变我的生活,我想我一定已经改变了每一个颜色属性。它们都不是来自普通调色板的默认值。

@(Html.Highsoft().Highcharts(
new Highcharts
{
    Title = new Title
    {
        Text = "Picks Grouped By Target And Week Of Year"

    },

    XAxis = new List<XAxis>
    {
        new XAxis
        {
            Categories = WeeksOfYear.ConvertAll<string>(x => x.ToString())
        }
    },
    YAxis = new List<YAxis>
    {
        new YAxis
        {
            Min = 0,
            Title = new YAxisTitle
            {
                Text = "Number of picks"
            },
            StackLabels = new YAxisStackLabels
            {
                Enabled = true,
                Style = new Hashtable
                {
                    { "fontWeght", "bold" }
                }
            }
        }
    },
    Legend = new Legend
    {
        Align = LegendAlign.Right,
        X = -30,
        VerticalAlign = LegendVerticalAlign.Top,
        Y = 25,
        Floating = true,
        BorderColor = "#CCC",
        BorderWidth = 1,
        BackgroundColor = "white"

    },
    Tooltip = new Tooltip
    {
        Formatter = "formatToolTip"
    },
    PlotOptions = new PlotOptions
    {
        Column = new PlotOptionsColumn
        {

            Stacking = PlotOptionsColumnStacking.Normal,
            DataLabels = new PlotOptionsColumnDataLabels
            {
                Enabled = true,
                Color = "#FFFFFF",

                Shadow = new Shadow()
                {
                    Enabled = true,
                    Color = "black",
                    Width = 10,
                    OffsetX = 0,
                    OffsetY = 0
                }
            }
        }
    },

    Series = new List<Series>
    {
        new ColumnSeries
        {
            Name = "Over 45 Min",
            Data = @ViewData["StackedColumnOver45Min"] as List<ColumnSeriesData>

    },
        new ColumnSeries
        {
            Name = "Under 45 Min",
            Data = @ViewData["StackedColumnUnder45Min"] as List<ColumnSeriesData>

        }
    }
}
, "WeekOfYearSlaStackedColumn")
)

【问题讨论】:

    标签: c# asp.net-mvc highcharts dotnethighcharts


    【解决方案1】:

    系列颜色可以按API reference for .NET Highcharts 中的说明按系列设置。

    ...
    Series = new List<Series>
    {
        new ColumnSeries
        {
            Color = "rgba(165,170,217,1)",
            ...
    

    【讨论】:

    • 我试过这个。它不起作用。我尝试的第一件事:(很高兴得到纠正,但没有为此工作。
    • @KaiserSozei87 您是否尝试过使用最新版本的 .NET Highcharts 和 Highcharts (v5.0.11)?
    • 我是在上个月用 .NET 包装器购买的,所以是的,我很确定它是最新最好的(不是在开发机器 atm 上检查)
    • 我已经测试了这段代码并且它正在工作,还有使用 .NET 包装器创建的在线演示,展示了如何设置颜色:dotnet.highcharts.com/Highcharts/Demo/… 也许您可以提供重新创建所需的完整且最小的文件问题?
    • 找到了我的问题!我最初通过 nuget 包安装了 Highcharts.NET。这不附带 js 文件、css 文件或任何其他文件。他们希望您使用在线提供的版本。我的目标环境无权访问这些站点,因此我将文件复制到我的项目中并在本地引用它们。我下载的 highcharts 版本带有 2 个不同的 js 库副本,“code”文件夹中的副本和“code\js”文件夹中的副本。我正在引用“code\js”文件夹中的副本。一旦我更改为“代码”文件夹中的副本,它就起作用了!
    【解决方案2】:

    对于设置颜色(在 asp.net 的 Highcharts 中的任何位置),您应该使用以下结构:

    using System.Drawing;
    
    Color = ColorTranslator.FromHtml("#DFEEB2"),
    

    【讨论】:

      猜你喜欢
      • 2018-10-31
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多