Моя круговая диаграмма Jqplot отображается без цвета для небольшой таблицы внутри круговой диаграммы - PullRequest
Новая
       3

Моя круговая диаграмма Jqplot отображается без цвета для небольшой таблицы внутри круговой диаграммы

1 голос
/ 11 августа 2011

Я использую круговую диаграмму Jqplot внутри моего веб-приложения asp.net MVC 3, но проблема в том, что небольшая таблица внутри круговой диаграммы, которая содержит метку диаграммы, отображается без какого-либо цвета. Так как же я могу решить эту проблему? Заранее благодарю за любую помощь. BR

Отредактировано

спасибо за ваш добрый ответ, да, я включил эти файлы, но цвета пока не отображаются. Вот код внутри моего веб-приложения MVC 3 asp.net (круговая диаграмма показывает два значения; процент студентов, которым нравится тест, по сравнению с учащимися, которые не дали никакого рейтинга). 

<script src="../../Scripts/jqplot/jquery.jqplot.min.js" type="text/javascript"></script>
<script src="../../Scripts/jqplot/jqplot.pieRenderer.min.js" type="text/javascript"></script>
<script src="../../Scripts/jqplot/jqplot.donutRenderer.min.js" type="text/javascript"></script>
<script src="../../Scripts/jqplot/jqplot.barRenderer.min.js" type="text/javascript"></script>
<script src="../../Scripts/jqplot/jqplot.categoryAxisRenderer.min.js" type="text/javascript"></script>
<script src="../../Scripts/jqplot/jqplot.pointLabels.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var data = [
                 ['Number of Like', @ViewBag.CountRate], ['Other', @ViewBag.other]
                   ];
        var plot1 = jQuery.jqplot('r1', [data],
    {
        seriesDefaults: {
            renderer: jQuery.jqplot.PieRenderer,
            rendererOptions: {
                showDataLabels: true
            }
        },
        legend: { show: true, location: 'e' }
    }
  );
    });
</script>

 <div id = "r1"></div>

Ответы [ 2 ]

1 голос
/ 10 ноября 2012

jqPlot документация не особо упоминает об этом, но упоминает о включении файла css

Для использования jqPlot включите jquery, плагин jqPlot jqPlot, jqPlot css файл и, необязательно, сценарий excanvas для поддержки IE в вашей сети страница

Так что вам нужно включить jquery.jqplot.min.css например. 

<link rel="stylesheet" href="/jqplot/jquery.jqplot.min.css">

Также jqPlot рекомендует использовать css для настройки цветов и т. Д., См. http://www.jqplot.com/docs/files/jqPlotCssStyling-txt.html

0 голосов
/ 11 августа 2011

загружаете ли вы все необходимые файлы js?звучит так, как будто вы пропали без вести: 

jqplot.pointLabels.min.js

добавьте: 

("~/scripts/jqPlot/jquery.jqplot.min.js")
("~/scripts/jqPlot/plugins/jqplot.pieRenderer.min.js")
("~/scripts/jqPlot/plugins/jqplot.donutRenderer.min.js")
("~/scripts/jqPlot/plugins/jqplot.barRenderer.min.js")
("~/scripts/jqPlot/plugins/jqplot.categoryAxisRenderer.min.js")
("~/scripts/jqPlot/plugins/jqplot.pointLabels.min.js")
...