首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >向c#的图表控件添加图例

向c#的图表控件添加图例
EN

Stack Overflow用户
提问于 2014-09-25 20:27:33
回答 2查看 4.7K关注 0票数 1

我正在用Visual Studio-2010开发一个asp.net-mvc4 web应用程序,在其中我访问来自SQL server的数据,并制作一些行和pie-charts,以获得更好的交互式视图。折线图没有任何问题,工作正常。我还需要在三个值之间设置pie-chart以进行比较。我对我的数据做了一个pie-chart,如下所示

代码语言:javascript
复制
var c =  new Chart(width: 450, height: 350)
            //.AddTitle("Energy Consumption Plot")
            .AddLegend("E - Maschine", "Nebenverbraucher", "PTC")
            .AddSeries(
            chartType: "Pie",

            yValues: new[] {Maschine, Nebenverbraucher, PTC})
            .GetBytes("png")
            ;

        return File(c, "image/png");

下图显示了从上述代码生成的pie-chart

因为我在饼图中有三个不同的变量,所以我想在图例中看到所有变量,但它只显示了第一个变量。为什么它会显示这些点?

后来,我修改了代码,使用以下代码启用了xValue,

代码语言:javascript
复制
 var c =  new Chart(width: 450, height: 350)
            //.AddTitle("Energy Consumption Plot")
            .AddLegend()
            .AddSeries(
            chartType: "Pie",
            xValue: new[] { "E - Maschine", "Nebenverbraucher", "PTC" },
            yValues: new[] {Maschine, Nebenverbraucher, PTC})
            .GetBytes("png")
            ;

        return File(c, "image/png");

输出变成了

看起来不错,但现在还有一件不想要的事情,我不想看到pie-chart中的文本。我怎么能只显示图表外部的图例值,而不显示图表内部的图例值。

EN

回答 2

Stack Overflow用户

发布于 2014-10-02 18:12:50

我仍然在等待我的问题的解决方案,但我用另一种方式生成了pie-chart。通过这种方式生成绘图是自动的。我无法手动进行某些更改。例如,当鼠标悬停在图表上时,它会在图表上显示百分比值。它还会舍入部分的值,这也很烦人。有没有办法在google脚本中停止舍入?我用google javascript做了饼状图。此图更具动态性,并且具有非常好的可见性。

代码语言:javascript
复制
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
    google.load("visualization", "1", { packages: ["corechart"] });
    google.setOnLoadCallback(drawChart);
    function drawChart() {


      var EMachine = 0.0;
      var Neben = 0.0;


        var data = google.visualization.arrayToDataTable([
      ['Task', 'Hours per Day'],
      ['E-Maschine', @ViewBag.EMachine],
      ['Nebenverbraucher', @ViewBag.Neben],
      ['PTC', @ViewBag.ptc],
      ]);

        var options = {
            title: ''
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
    }
</script>

而且情节看起来像是

票数 0
EN

Stack Overflow用户

发布于 2019-07-12 23:45:43

假设您的图表中只有一个系列,如果您想隐藏它的标签,请尝试以下方法。

代码语言:javascript
复制
c.Series[0]["PieLabelStyle"] = "Disabled";

看看能不能奏效。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26038673

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档