echarts怎么做实时动态的折线图 echarts 关系图

echarts怎么做实时动态的折线图

1、创建折线图的数据区（包括年份和数据）2、仅选择数据区创建折线图（插入选项卡/图表工具组/折线图）3、得到的折线图x坐标不满足要求，在图表区单击鼠标右键，选择“选择数据”，进入“选择数据源”对话框4、单击对话框右侧“水平分类轴标签”下的“编辑”按钮5、选择对应x坐标轴的年份区域6、单击确定可见年份数据更改了图表的x轴坐标系列

echarts 关系图

使用_buildLinkShapes(nodes, links)函数，针对定义的全部线段数据，设置线段的权重（粗细）、样式和高亮样式。
1、zrender定义线段数据：

{source : 1, target : 0, weight : 1,
    onclick:function(params){
    alert(params.target.style.text)
    },
    itemStyle:{
    normal:{
    lineWidth:10,
    text:丽萨-乔布斯,
    textColor:#030303,
    textFont:bold 15px verdana,
    textPosition:inside
    }
    }}

onclick是点击事件。onclick:function(params){alert(params.target.shape)
lineWidth是线段宽度。
text是标注的文字。
   textPosition 采用的zrender中的文字位置。

定义线段事件和样式全部代码：

function _buildLinkShapes(nodes, links) {
var l = links.length
for (var i = 0 i < l i ) {
var link = links[i]
//var source = nodes[link.source]
// var target = nodes[link.target]
var weight = link.weight || 1
linkWeights.push(weight)
var shape = {
id : zr.newShapeId(self.type),
shape : line,
hoverable : false,
style : {
xStart : 0,
yStart : 0,
xEnd : 0,
yEnd : 0
},
clickable : true,
highlightStyle : {}
}
zrUtil.merge(shape.style, linkStyle)
zrUtil.merge(shape.highlightStyle, linkEmphasisStyle)
//优先级 ItemStyle > linkStyle 
if (typeof(link.itemStyle) !== undefined) {
if(link.itemStyle.normal){
zrUtil.merge(shape.style, link.itemStyle.normal, {
overwrite : true
})
}
if(link.itemStyle.emphasis){
zrUtil.merge(
shape.highlightStyle, 
link.itemStyle.emphasis, 
{ overwrite : true }
)
}
}
//zhao
if (typeof (link.onclick) !== undefined) {
if (link.onclick) {
shape.onclick = link.onclick
}
}
linkShapes.push(shape)
self.shapeList.push(shape)
zr.addShape(shape)
}
var narr = new NDArray(linkWeights)
var max = narr.max()
if (max !== 0) {
linkWeights = narr.mul(1/max, narr).toArray()
}
}

echarts怎么同时绘制矩形和条形图

ECharts所输出的那些代表数据的图形（如饼状图每一个扇形，折线图上的拐点，柱状图上的柱形等）都是可拖拽的（默认重计算功能默认关闭，需配置开启），并且拖拽后能智能的产生不同的数据重整效果，如把扇形拖出饼图，被拖出的数据成为一个“数据孤岛”，饼图内剩下的数据会重新计算成一个完整的饼图；
拖出的“数据孤岛”可以随时拖拽回去融入饼图，或者可以拖拽到某个扇形上，产生数据的合并；
这种数据拖拽的合并迁移甚至可以在不同图表间进行。