kendo 차트에서 kendo 차트 시리즈 이름을

Question

으로 설정 예 데이터 소스에서 시리즈 라인 값을 읽고 시리즈 이름을 정적으로 설정합니다 (예 : "시리즈 이름"). 이제 DB에서 읽은 데이터와 동적으로 일치하는 계열 이름을 설정하는 방법을 찾고 있습니다.

@(Html.Kendo().Chart() 
      .Name("Chart") 
      .Title("Chart Title") 
      .DataSource(ds=>ds.Read(read=>.read.Action("GetValues", "Controller"))) 
      .Series(series=>series.Line(model=>model.Value).Name("Series Name")) 
    ) 

Answer 1

동적 차트 계열의 이름을 설정하는 데 도움이 될 수 GroupNameTemplate과 함께 Scatterline 차트를 사용하여 : 여기 내 코드입니다. 울부 짖는 코드 같은 : Telerik 포럼 Telerik의 관리에서

<%= Html.Kendo().Chart(Model) 
    .Name("chart") 
    .Title("Stock Prices") 
    .DataSource(dataSource => dataSource 
     .Read(read => read.Action("_StockData", "Scatter_Charts")) 
     .Group(group => group.Add(model => model.Symbol)) 
     .Sort(sort => sort.Add(model => model.Date).Ascending()) 
    ) 
    .Series(series => 
    { 
     series.ScatterLine(model => model.Date, model => model.Close) 
      .Name("close") 
      .GroupNameTemplate("#= group.value # (#= series.name #)"); 
    }) 
    .Legend(legend => legend 
     .Position(ChartLegendPosition.Bottom) 
    ) 
    .YAxis(axis => axis.Numeric() 
     .Labels(labels => labels 
      .Format("${0}") 
      .Skip(2) 
      .Step(2) 
     ) 
    ) 
    .XAxis(axis => axis.Date() 
     .Labels(labels => labels.Format("MMM")) 
    ) 
%> 

Answer 2

답변 :

@(Html.Kendo().Chart<ChartDynamicBinding.Models.ViewModel>() 
     .Name("Chart3") 
     .Title("Test") 
     .DataSource(dataSource => 
       dataSource.Read(read => read.Action("Series", "Home")) 
       .Group(g=> g.Add(v=> v.Series)) 
       .Sort(s=> s.Add(v=> v.Date)) 
     ) 
     .Legend(legend => legend 
      .Position(ChartLegendPosition.Bottom) 
     ).ChartArea(chartArea => chartArea 
        .Background("transparent") 
     ) 
     .SeriesDefaults(seriesDefaults => 
      seriesDefaults.Line().Style(ChartLineStyle.Smooth) 
     ) 
     .Series(series => 
     { 
      series.Line(value => value.Hitcount, category => category.Date).Name("#:group.value#").Labels(labels => labels.Visible(true).Color("Red")).Color("Blue");             
     }) 
     .CategoryAxis(axis => axis 
       .Labels(labels => labels.Rotation(-65) 
      ) 
     )      
     .ValueAxis(axis => axis 
      .Numeric().Labels(labels => labels.Format("{0}")) 
      .Line(line => line.Visible(false)) 
      .AxisCrossingValue(-10) 
     ) 
     .Tooltip(tooltip => tooltip 
      .Visible(true) 
      .Format("{0}") 
     ) 
) 

링크 :

• Permalink
• Source Code