echarts网站模板_echarts2.0官网

以下是一个简单的HTML模板,可用于创建基本的Echarts网站:
```html

src="https://echarts.org/lib/4/echarts.js">
src="https://echarts.org/lib/4/charts.js">
>
// 初始化Echartscharts实例
var myChart = echarts.init(document.getElementById('myChart'));
// 设置图表类型
myChart.setOption('type', 'line');
// 设置数据源
var data = {
datasets: [
{
label: '数据1',
data: [
{ x: 1, y: 10 },
{ x: 2, y: 20 },
{ x: 3, y: 30 }
]
},
{
label: '数据2',
data: [
{ x: 4, y: 40 },
{ x: 5, y: 50 },
{ x: 6, y: 60 }
]
}
]
};
// 设置图表标题
myChart.setOption('title', 'Echarts网站模板');
// 设置图表样式
myChart.setOption('style', {
bar: {
'stroke-width': 1,
'stroke': '#333',
'line-width': 1,
'border-radius': 5,
'color': '#fff'
},
tick: {
'stroke-width': 1,
'stroke': '#333',
'line-width': 1,
'border-radius': 5,
'color': '#fff'
},
line: {
'stroke': '#333',
'width': 2
},
path: {
'fill': '#333',
'stroke': '#333',
'width': 2
},
text: {
'font-size': 18,
'font-weight': bold,
'color': '#fff'
}
});
// 渲染图表
myChart.draw();



```
上述代码包含了Echarts的基本样式和图表类型,以及一个简单的示例数据。你可以根据自己的需要修改数据和样式,并使用不同的图表类型和样式来创建更多的Echarts图表。