2024年07月25日17:24:45

mac

2024-07-25 3f6685c77beeb12baf840733fb890860f4c26e7c

 HDL_ON/UI/UI2/FuntionControlView/EnvironmentalScience/EchartsOption_BrokenLine.cs

@@ -43,6 +43,31 @@
        }

        /// <summary>
        /// 
        /// </summary>
        /// <param name="displayScale">显示比例 0-100，比如设置了30，只显示30%，可以左右拖动显示其他</param>
        /// <returns></returns>
        public string InitOption(int displayScale, bool isBar = false)
        {
            //组装Value
            var newstring = optionString2.Replace("{0}", XvalueText);
            newstring = newstring.Replace("{1}", YvalueText);
            newstring = newstring.Replace("{10}", xTitle);
            if (isBar)
            {
                newstring = newstring.Replace("{11}", "true");
            }
            else {
                newstring = newstring.Replace("{11}", "false");
            }
            newstring = newstring.Replace("{20}", yTitle);
            newstring = newstring.Replace("{30}", displayScale.ToString());
            newstring = newstring.Replace(",,", ",");
            return newstring;
        }


        /// <summary>
        /// 组装x轴文本
        /// </summary>
        /// <param name="xData"></param>
@@ -62,6 +87,7 @@
        public string InitYdataText(string name, List<EnvironmentalSensorHistor> yData, string color)
        {
            //组装Value
            yTitle = name;
            string valueText = string.Empty;
            var YvalueTextItem = @"{name:'{0}',
                            data:[{1}],
@@ -92,10 +118,117 @@
        }


        /// <summary>
        /// 组装y轴文本
        /// </summary>
        /// <param name="yData"></param>
        public string InitYdataText2(string name, List<EnvironmentalSensorHistor> yData, string color, bool isBar)
        {
            //组装Value
            yTitle = name;
            string valueText = string.Empty;
            var YvalueTextItem = @"{
                            data:[{1}],
                            type:'{333}',
                            smooth:0.6,
                            symbol:'none',
                            color:'{2}'}
            ";
            if (isBar)
            {
                YvalueTextItem = YvalueTextItem.Replace("{333}", "bar");
            }
            else
            {
                YvalueTextItem = YvalueTextItem.Replace("{333}", "line");
            }
            YvalueTextItem = YvalueTextItem.Replace("{0}", name);

            foreach (var data in yData)
            {
                valueText += "'" + data.fieldValue + "',";
            }
            YvalueTextItem = YvalueTextItem.Replace("{1}", valueText);
            YvalueTextItem = YvalueTextItem.Replace("{2}", color);

            if (YvalueText == "")
            {
                YvalueText = YvalueTextItem;
            }
            else
            {
                YvalueText += "," + YvalueTextItem;
            }

            return YvalueTextItem;
        }



        /// <summary>
        /// 组装y轴文本
        /// </summary>
        /// <param name="yData"></param>
        public string InitYdataTextLinearGradient(string name, List<EnvironmentalSensorHistor> yData, string color)
        {
            //组装Value
            yTitle = name;
            string valueText = string.Empty;
            //string rColor = color.Substring(1, 2);
            //string gColor = color.Substring(3, 2);
            //string bColor = color.Substring(5, 2);
            var YvalueTextItem = @"{name:'{0}',
                            data:[{1}],
                            smooth:0.6,
                            symbol:'none',
                            color:'{2}CC',
                              areaStyle: {
                                opacity: 0.8,
                                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                                  {
                                    offset: 0,
                                    color: '{2}AA'
                                  },
                                  {
                                    offset: 1,
                                    color: '{2}66'
                                  }
                                ])
                              },}
                            ";
            YvalueTextItem = YvalueTextItem.Replace("{0}", name);

            foreach (var data in yData)
            {
                valueText += "'" + data.fieldValue + "',";
            }
            YvalueTextItem = YvalueTextItem.Replace("{1}", valueText);
            YvalueTextItem = YvalueTextItem.Replace("{2}", color);
            //YvalueTextItem = YvalueTextItem.Replace("{111}", rColor);
            //YvalueTextItem = YvalueTextItem.Replace("{222}", gColor);
            //YvalueTextItem = YvalueTextItem.Replace("{333}", bColor);

            if (YvalueText == "")
            {
                YvalueText = YvalueTextItem;
            }
            else
            {
                YvalueText += "," + YvalueTextItem;
            }

            return YvalueTextItem;
        }


#if __IOS__
        public string optionString = @"{
                 tooltip: {
                    trigger: 'axis'
                    trigger: 'axis',
                    textStyle: {
                            fontSize: 30
                        },
                    padding:40,
                    },
                    grid: {
                         top: '10%',
@@ -105,6 +238,9 @@
                    },
                    xAxis: {
                        name: '{10}',
                        nameTextStyle: {
                                fontSize: 30
                            },
                        type: 'category',
                        boundaryGap: false,
                        data: [{0}],
@@ -114,33 +250,39 @@
                    },
                    yAxis: {
                        name: '{20}',
                        nameGap:30,
                        nameTextStyle: {
                                fontSize: 30
                            },
                        type: 'value',
                        axisLabel : {
                            fontSize:30,
                        },
                    },
                    series: [  
                    series: [
                        {1}
                    ]
            }";
#else
 public string optionString = @"{
        public string optionString = @"{
                 tooltip: {
                    trigger: 'axis'
                    },
                    grid: {
                         top: '10%',
                         top: '15%',
                        left: '13%',
                        right: '10%',
                        bottom: '15%',
                        right: '12%',
                        bottom: '10%',
                    },
                    xAxis: {
                        type: 'category',
                        boundaryGap: false,
                        data: [{0}],
                        name: '{10}'
                    },
                    yAxis: {
                        type: 'value',
                        name: '{20}'
                    },
                    series: [  
                        {1}
@@ -148,6 +290,89 @@
            }";
#endif



#if __IOS__
        public string optionString2 = @"{
                 tooltip: {
                    trigger: 'axis',
                    padding:40,
                    textStyle: {
                            fontSize: 30
                        },
                    },
                    grid: {
                         top: '10%',
                        left: '10%',
                        right: '10%',
                        bottom: '10%',
                    },
                    xAxis: {
                        name: '{10}',
                        nameTextStyle: {
                                fontSize: 30
                            },
                        type: 'category',
                        boundaryGap: {11},
                        data: [{0}],
                        axisLabel : {
                            fontSize:30,
                        },
                    },
                    yAxis: {
                        name: '{20}',  
                        nameGap:30,
                        nameTextStyle: {
                                fontSize: 30
                            },
                        type: 'value',
                        axisLabel : {
                            fontSize:30,
                        },
                    },
                    dataZoom: [{ 
                        type: 'inside', 
                        xAxisIndex: 0, 
                        start: 0,
                        end: {30} 
                    }],
                    series: [  
                        {1}
                    ]
            }";
#else
        public string optionString2 = @"{
                 tooltip: {
                    trigger: 'axis'
                    },
                    grid: {
                         top: '15%',
                        left: '13%',
                        right: '12%',
                        bottom: '10%',
                    },
                    xAxis: {
                        type: 'category',
                        boundaryGap: {11},
                        data: [{0}],
                        name: '{10}'
                    },
                    yAxis: {
                        type: 'value',
                        name: '{20}'
                    },
                    dataZoom: [{ 
                        type: 'inside', 
                        xAxisIndex: 0, 
                        start: 0,
                        end: {30} 
                    }],
                    series: [  
                        {1}
                    ]
            }";
#endif

        /// <summary>
        /// 颜色列表
        /// </summary>