Javascript Can'；找不到文件，未显示图表

我有以下代码：

<script>
var area = new Morris.Area({
    element: 'revenue-chart',
    resize: true,
    data: [
        {y: '2011 Q1', item1: 2666, item2: 2666},
        {y: '2011 Q2', item1: 2778, item2: 2294},
        {y: '2011 Q3', item1: 4912, item2: 1969},
        {y: '2011 Q4', item1: 3767, item2: 3597},
        {y: '2012 Q1', item1: 6810, item2: 1914},
        {y: '2012 Q2', item1: 5670, item2: 4293},
        {y: '2012 Q3', item1: 4820, item2: 3795},
        {y: '2012 Q4', item1: 15073, item2: 5967},
        {y: '2013 Q1', item1: 10687, item2: 4460},
        {y: '2013 Q2', item1: <?php echo file_get_contents("../adminpanel/pagecounters/totalviewsDecember.txt")?>, item2: 5713}
    ],
    xkey: 'y',
    ykeys: ['item1', 'item2'],
    labels: ['Item 1', 'Item 2'],
    lineColors: ['#a0d0e0', '#3c8dbc'],
    hideHover: 'auto'
});
</script>

var面积=新莫里斯面积({
要素：'收入表'，
调整大小：对，
数据：[
{y:'2011年第一季度'，项目1:2666，项目2:2666}，
{y:'2011 Q2'，项目1:2778，项目2:2294}，
{y:'2011 Q3'，第1项：4912，第2项：1969}，
{y:'2011年第四季度'，项目1:3767，项目2:3597}，
{y:'2012 Q1'，第1项：6810，第2项：1914}，
{y:'2012 Q2'，项目1:5670，项目2:4293}，
{y:'2012 Q3'，第1项：4820，第2项：3795}，
{y:'2012年第四季度'，项目1:15073，项目2:5967}，
{y:'2013年第一季度'，项目1:10687，项目2:4460}，
{y:'2013年第二季度'，第1项：，第2项：5713}
],
xkey:'y'，
ykeys:['item1'，'item2']，
标签：[“第1项”、“第2项”]，
线条颜色：['#a0d0e0'，'#3c8dbc']，
隐藏：“自动”
});

但是当我刷新页面时，图表不会出现。（文件也存在！我测试了它。）

---

如何修复它？

您的js代码是正确的，这里用一个任意数字替换为php：

因此，只有几个可能的问题：

• 您没有包括所有正确的库
• php由于某种原因失败，页面在此之后被截断
• “收入图表”元素在您的页面中不存在或不可见

为了确保拥有所有库，请从我的jsbin代码中复制它们（该代码是从我在MorrisJS页面上找到的jsbin代码中克隆的）

要检查第二种可能性，请打开页面源代码，查看页面的其余部分是否缺失，或者PHP是否返回了一些虚假值（如果文件\u get\u内容失败，它将返回FALSE）

最后一个应该只对代码进行外观检查，或者在Firefox中打开FireBug，然后寻找正确的元素。确保拼写正确。 您还可以在控制台中检查其他JS错误

然而，即使文件存在，PHP仍然可能失败。PHP文件内容的一个常见问题源是误解“工作目录”的实际位置，因此任何相关路径都会被破坏。

---

使用绝对文件路径进行测试。

检查chrome开发控制台是否存在错误，并查看源代码以查看其在sourceNo errors中的显示@Saqueibis page source正在显示

文件的内容（“adminpanel/pagecounters/totalviewsDecember.txt”）

并显示文件的内容

totalviewsDecember

我设置了另一个php脚本，以查看页面是否存在，它输出的代码很好。你能分享

totalviewsDecember.txt的示例吗