Я использую jqplot для отображения графика пончиков, однако я сталкиваюсь с необычной проблемой.jqplot данные о пончиках исчезают
В браузере отсутствуют данные.
линий, которые должны читать:
var s1 = [['a',6], ['b',8], ['c',14], ['d',20]];
var s2 = [['a', 8], ['b', 12], ['c', 6], ['d', 9]];
var plot3 = $.jqplot('chart3', [s1, s2], {
seriesDefaults: {
// make this a donut chart.
renderer:$.jqplot.DonutRenderer,
rendererOptions:{
// Donut's can be cut into slices like pies.
sliceMargin: 3,
// Pies and donuts can start at any arbitrary angle.
startAngle: -90,
showDataLabels: true,
// By default, data labels show the percentage of the donut/pie.
// You can show the data 'value' or data 'label' instead.
dataLabels: 'value'
}
}
});
есть недостающие данные в браузере, так что только шоу:
var s1 = ;
var s2 = ;
Это оставляет меня с пустой страницей, поскольку нет никаких данных, чтобы сформировать график. Проблема, похоже, с двойными скобками. Если я удалю скобки контейнера для данных, то это видно в браузере, но тогда код не работает, поскольку он не может его понять.
var s1 = ['a',6], ['b',8], ['c',14], ['d',20];
var s2 = ['a', 8], ['b', 12], ['c', 6], ['d', 9];
Я не сталкивался с чем-то подобным до того, где браузер не просматривает то, что я кодирую. Я не вижу, что я делаю что-то по-другому, чем другие примеры в сети.
Это полный код, который я использую;
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<link rel="stylesheet" href="assets/js/jquery.jqplot.css">
</head>
<body style="background-color: #000;">
<div id="chart3" style="height:300px; width:500px;"></div>
<script type="text/javascript">
var s1 = [['a',6], ['b',8], ['c',14], ['d',20]];
var s2 = [['a', 8], ['b', 12], ['c', 6], ['d', 9]];
var plot3 = $.jqplot('chart', [s1], {
seriesDefaults: {
// make this a donut chart.
renderer:$.jqplot.DonutRenderer,
rendererOptions:{
// Donut's can be cut into slices like pies.
sliceMargin: 3,
// Pies and donuts can start at any arbitrary angle.
startAngle: -90,
showDataLabels: true,
// By default, data labels show the percentage of the donut/pie.
// You can show the data 'value' or data 'label' instead.
dataLabels: 'value'
}
}
});
</script>
<script language="javascript" type="text/javascript" src="assets/js/jquery.jqplot.min.js"></script>
<script language="javascript" type="text/javascript" src="assets/js/jqplot.pieRenderer.js"></script>
<script language="javascript" type="text/javascript" src="assets/js/jqplot.donutRenderer.js"></script>
</body>
Как вы можете видеть, здесь не так уж много ошибок. Я пробовал разные версии jquery, так как это было проблемой в некоторых случаях. Я попытался поместить скрипты в разные места на странице, но не помог.
Это ссылка на аналогичный рабочий пример, который я использовал в качестве основы, и я не вижу, почему мой не работает.
http://jsfiddle.net/devmgs/1xcn4bf5/1/
большое спасибо за любую помощь
Richard