|
@@ -90,7 +90,7 @@ class ChartItem extends Component {
|
|
for(let i in obj){
|
|
for(let i in obj){
|
|
arr.push(<Chart data={obj[i]} endDate={endDate} type={timeTypes&&timeTypes[i]} index={i} getXAxisArr={this.getXAxisArr} handleRangeChange={this.rangChange}/>)
|
|
arr.push(<Chart data={obj[i]} endDate={endDate} type={timeTypes&&timeTypes[i]} index={i} getXAxisArr={this.getXAxisArr} handleRangeChange={this.rangChange}/>)
|
|
}
|
|
}
|
|
- return arr;
|
|
|
|
|
|
+ return arr.length>0?arr:<p style={{color:'#acacac'}}>该模块暂无数据</p>;
|
|
}
|
|
}
|
|
componentDidMount(){
|
|
componentDidMount(){
|
|
const {initFn,pindex} = this.props;
|
|
const {initFn,pindex} = this.props;
|
|
@@ -133,14 +133,14 @@ class Chart extends Component{
|
|
let series = [],names=[],inx=-1;
|
|
let series = [],names=[],inx=-1;
|
|
let myChart = echarts.init(document.getElementById(id) ,null, {renderer: 'svg'});
|
|
let myChart = echarts.init(document.getElementById(id) ,null, {renderer: 'svg'});
|
|
let xAxisArr = [...xAxis];
|
|
let xAxisArr = [...xAxis];
|
|
-
|
|
|
|
const interval = {
|
|
const interval = {
|
|
week:23,
|
|
week:23,
|
|
month:4,
|
|
month:4,
|
|
sixMonth:9,
|
|
sixMonth:9,
|
|
year:60
|
|
year:60
|
|
};
|
|
};
|
|
- data&&data.map((it)=>{
|
|
|
|
|
|
+
|
|
|
|
+ data&&data.map((it,j)=>{
|
|
let values=new Array();
|
|
let values=new Array();
|
|
let name='';
|
|
let name='';
|
|
it&&it.creatTime.map((x,i)=>{
|
|
it&&it.creatTime.map((x,i)=>{
|
|
@@ -160,7 +160,12 @@ class Chart extends Component{
|
|
name: it.itemName,
|
|
name: it.itemName,
|
|
type: 'line',
|
|
type: 'line',
|
|
data: values,
|
|
data: values,
|
|
- showAllSymbol:true
|
|
|
|
|
|
+ showAllSymbol:true,
|
|
|
|
+ symbol:config.chartSymbols[j%7],
|
|
|
|
+ symbolSize:7,
|
|
|
|
+ itemStyle:{
|
|
|
|
+ color:config.chartColors[j%7]
|
|
|
|
+ }
|
|
});
|
|
});
|
|
});
|
|
});
|
|
// 指定图表的配置项和数据
|
|
// 指定图表的配置项和数据
|
|
@@ -172,16 +177,13 @@ class Chart extends Component{
|
|
}
|
|
}
|
|
},
|
|
},
|
|
legend: {
|
|
legend: {
|
|
- type:'scroll',
|
|
|
|
- /*formatter: function (name) {
|
|
|
|
- return name.split("-")[name.split("-").length-1];
|
|
|
|
- },*/
|
|
|
|
- data:names,
|
|
|
|
|
|
+ show:false
|
|
|
|
+ /*data:names,
|
|
padding:0,
|
|
padding:0,
|
|
- itemHeight:16,
|
|
|
|
|
|
+ itemHeight:16,*/
|
|
},
|
|
},
|
|
grid:{
|
|
grid:{
|
|
- top:80
|
|
|
|
|
|
+ top:40
|
|
},
|
|
},
|
|
xAxis: {
|
|
xAxis: {
|
|
type: 'category',
|
|
type: 'category',
|