C#学习教程:DrawchartstoASP.NETMVC4(Razor,C#)网站分享)使用C#绘制图表(曲线、柱状图、圆形)。我正在尝试根据从我的数据库中提取的数据制作一些图表。但是,我找不到方法。有什么建议么?太感谢了!有一个图表助手,它与Razor配合得很好,可以让您非常轻松地构建数据的图表、直方图和其他图形表示形式。或者你可以尝试使用一些jQuery/HTML5/Javascript库:它们还有很多,以上只是一些例子;如果你想以图形形式显示数据,你可以使用图表助手。ChartHelper可以呈现以各种图表类型显示数据的图像。您可以使用如下所示的图表剃刀代码创建视图(比如它的https://stackoverflow.com/questions/21430701/drawing-charts-into-asp-net-mvc-4-razor-c-web-sites/MyChart。cshtml)。主题为@{varmyChart=newChart(width:600,height:400,theme:ChartTheme.Green).AddTitle("ChartTitle").AddSeries(name:"ChartTitle",xValue:new[]{"Col1","Col2","Col3","Col4","Col5"},yValues:new[]{"2","6","4","5","3"}).Write();}饼图数组@{varmyChart=newChart(width:600,height:400,theme:ChartTheme.Green).AddTitle("ChartTitle").AddSeries(name:"ChartTitle",chartType:"Pie",xValue:new[]{"Col1","Col2","Col3","Col4","Col5"},yValues:new[]{"2","6","4","5","3"}).写();}饼图和数组主题@{varmyChart=newChart(width:600,height:400).AddTitle("ChartTitle").AddSeries(name:"ChartTitle",chartType:"Pie",xValue:new[]{"Col1","Col2","Col3","Col4","Col5"},yValues:new[]{"2","6","4","5","3"})。写();}使用数据库查询的条形图@{vardb=Database.Open("DBName");vardata=db.Query("SELECTCol1,Col2FROMTable");varmyChart=newChart(width:600,height:400).AddTitle("图表Title").DataBindTable(dataSource:data,xField:"Col1").Write();}您可以使用这些ChartView/PartialView作为图像的src。-->ChartTheamsvanilla在白色背景上显示红色列。蓝色在蓝色渐变背景上显示蓝色柱。绿色在绿色渐变背景上显示蓝色柱。黄色在黄色渐变背景上显示橙色柱。Vanilla3D在白色背景上显示3-D红色柱。SeriesChartType枚举支持以下内容:AreaBarBoxPlotBubbleColumnDonutErrorBarFastLineFastPointFunnelKajiLinePiePointPointAndFigurePolarityPyramidRadarRangeBarRangeColumnLotusSeedModelSplineAreaSplineRangeStackedAreaStackedArea100StackedBarStackedBar100StackedColumnStackedColumn100StepLineStockThreeLineBreak这是你可以作为字符串传递的名称列表到RazorPages中的图表助手。这是助手namespaceSystem.Web.Helpers{publicclassChart{publicChart(intwidth,intheight,stringtemplate=null,stringtemplatePath=null);公共字符串文件名{得到;}publicintHeight{得到;}publicint宽度{得到;}publicChartAddLegend(stringtitle=null,stringname=null);publicChartAddSeries(stringname=null,stringchartType="Column",stringchartArea=null,stringaxisLabel=null,stringlegend=null,intmarkerStep=1,IEnumerablexValue=null,stringxField=null,IEnumerableyValues=null,字符串yFields=null);publicChartAddTitle(stringtext=null,stringname=null);publicChartDataBindCrossTable(IEnumerabledataSource,stringgroupByField,stringxField,stringyFields,stringotherFields=null,stringpointSortOrder="Ascending");公共图表数据绑定表(IEnumerable数据源,字符串xField=null);publicbyte[]GetBytes(字符串格式="jpeg");公共静态图表GetFromCache(string键);公共图表保存(字符串路径,字符串格式=“jpeg”);publicstringSaveToCache(stringkey=null,intminutesToCache=20,boolslidingExpiration=true);公共图表SaveXml(字符串路径);publicChartSetXAxis(stringtitle="",doublemin=0,doublemax=0.0/0.0);publicChartSetYAxis(stringtitle="",doublemin=0,doublemax=0.0/0.0);公共WebImageToWebImage(字符串格式=“jpeg”);公共图表写入(字符串格式=“jpeg”);publicstaticChartWriteFromCache(字符串键,字符串格式=“jpeg”);希望这会帮助你你可以尝试使用javascript的amcharts。它非常实用..https://www.amcharts.com/您可以使用ShieldUI的MVC图表-适用于大多数业务案例的完整解决方案。您还可以使用基于D3.js的NVD3图表。以上就是C#学习教程:绘制图表到ASP.NETMVC4(Razor,C#)本站分享的全部内容,如果对大家有用,需要进一步了解C#学习教程,希望大家多多包涵多多关注吧——本文收集自网络,不代表立场。如涉及侵权,请点击右侧联系管理员删除。如需转载请注明出处:
