关于显示HTML 的问题。

把 HTML 文件放在 Bitcron 网站文件夹里,能被正常访问吗?

我试了下似乎不行。Thinkaloud.cc/calendar-pie.html

————————

打算用 Echart 模版做个个人日历一样的东西放在 BitCron里,自己可以随时修改数据,感觉挺方便。试过在Farbox 里丢Html ,显示一切正常。  blog.wechatting.cn/calendar-pie.html

但不知道为什么在 Bitcron 里丢进去的 HTML 却显示为空白页。

本人几乎不懂编程。所以看了半天文档也没明白这个问题到底该怎么解决。

var dom = document.getElementById("container"); var myChart = echarts.init(dom); var app = {}; option = null; var cellSize = [80, 80]; var pieRadius = 30; function getVirtulData() { var date = +echarts.number.parseDate('2017-02-01'); var end = +echarts.number.parseDate('2017-03-01'); var dayTime = 3600 * 24 * 1000; var data = []; for (var time = date; time < end; time += dayTime) { data.push([ echarts.format.formatTime('yyyy-MM-dd', time), Math.floor(Math.random() * 10000) ]); } return data; } function getPieSeries(scatterData, chart) { return echarts.util.map(scatterData, function (item, index) { var center = chart.convertToPixel('calendar', item); return { id: index + 'pie', type: 'pie', center: center, label: { normal: { formatter: '{c}', position: 'inside' } }, radius: pieRadius, data: [ {name: '工作', value: Math.round(Math.random() * 24)}, {name: '娱乐', value: Math.round(Math.random() * 24)}, {name: '睡觉', value: Math.round(Math.random() * 24)} ] }; }); } function getPieSeriesUpdate(scatterData, chart) { return echarts.util.map(scatterData, function (item, index) { var center = chart.convertToPixel('calendar', item); return { id: index + 'pie', center: center }; }); } var scatterData = getVirtulData(); option = { tooltip : {}, legend: { data: ['工作', '娱乐', '睡觉'], bottom: 20 }, calendar: { top: 'middle', left: 'center', orient: 'vertical', cellSize: cellSize, yearLabel: { show: false, textStyle: { fontSize: 30 } }, dayLabel: { margin: 20, firstDay: 1, nameMap: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'] }, monthLabel: { show: false }, range: ['2017-02'] }, series: [{ id: 'label', type: 'scatter', coordinateSystem: 'calendar', symbolSize: 1, label: { normal: { show: true, formatter: function (params) { return echarts.format.formatTime('dd', params.value[0]); }, offset: [-cellSize[0] / 2 + 10, -cellSize[1] / 2 + 10], textStyle: { color: '#000', fontSize: 14 } } }, data: scatterData }] }; if (!app.inNode) { var pieInitialized; setTimeout(function () { pieInitialized = true; myChart.setOption({ series: getPieSeries(scatterData, myChart) }); }, 10); app.onresize = function () { if (pieInitialized) { myChart.setOption({ series: getPieSeriesUpdate(scatterData, myChart) }); } }; }; if (option && typeof option === "object") { myChart.setOption(option, true); }

2017-09-13 22:28 from dai dai
Comments
Write a Comment
  • Hepo reply

    @dai dai,

    http://thinkaloud.cc/calendar-pie.html 正常

    https://thinkaloud.cc/calendar-pie.html 空白

    是因为 HTTPS 是不允许内部调用 HTTP 协议下的地址……

  • Hepo reply

    @dai dai, 如果不能理解的话, 访问 http://thinkaloud.cc.park.bitcron.com/calendar-pie.html

    http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js --> 这些在 HTTPS 页面下, 不会被执行。 因为是 HTTP 下的内容。

  • 明白了。感谢