代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>罗氏投票DEMO页</title>
</head>
<body>
<style>
html,body {
height: 100%;
}
</style>
<div id="main" style="height:100%;"></div>
<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
<script type="text/javascript">
function createRandomItemStyle() {
return {
normal: {
color: 'rgb(' + [
Math.round(Math.random() * 160),
Math.round(Math.random() * 160),
Math.round(Math.random() * 160)
].join(',') + ')'
}
};
}
// 路径配置
require.config({
paths: {
echarts: 'http://echarts.baidu.com/build/dist'
}
});
// 使用
require(
[
'echarts',
'echarts/chart/wordCloud' // 使用柱状图就加载bar模块,按需加载
],
function (ec) {
// 基于准备好的dom,初始化echarts图表
var myChart = ec.init(document.getElementById('main'));
setInterval(function(){
option = {
title: {
text: '你印象最深刻的罗氏制药中国瞬间',
},
tooltip: {
show: true
},
series: [{
name: '罗氏制药',
type: 'wordCloud',
size: ['100%', '100%'],
textRotation : [0,0],
textPadding: 10,
autoSize: {
enable: true,
minSize: 10,
},
data: [
{
name: "1994 进入中国 Established in China",
value: Math.random()*1000+1,
itemStyle: {
normal: {
color: 'black'
}
}
},
{
name: "2007 率先在华建立完整医药价值产业链",
value: Math.random()*1000+1,
itemStyle: createRandomItemStyle()
},
{
name: "2011 本地生产希罗达出口欧洲和美国 China-made Xeloda Exported to Europe and U.S.",
value: Math.random()*1000+1,
itemStyle: createRandomItemStyle()
},
{
name: "2015 罗氏创新中心上海启动 Announce to build Roche Innovation Centre Shanghai",
value: Math.random()*1000+1,
itemStyle: createRandomItemStyle()
},
{
name: "Today 五款靶向药纳入国家医保目录 Five Targeted Drugs listed in NRDL",
value: Math.random()*1000+1,
itemStyle: createRandomItemStyle()
},
]
}]
};
},3000);
setInterval(function () {
myChart.setOption(option);
},3000)
// 为echarts对象加载数据
}
);
</script>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。