diff --git a/src/views/ty/index.vue b/src/views/ty/index.vue index a41264d..8c28631 100644 --- a/src/views/ty/index.vue +++ b/src/views/ty/index.vue @@ -131,7 +131,7 @@ - +
@@ -431,177 +431,6 @@ export default { }, 200) }, - ty_bar2() { - var chartDom = document.getElementById("pcgchart1"); - - var option - // var xData = function() { - // var data = []; - // for (var i = 2011; i < 2017; i++) { - // data.push(i + "年"); - // } - // return data; - // }(); - var xData = ['09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00',]; - var color = ['#FF99CC', '#6666FF', '#FF6600', '#7049f0', '#fa704d', '#01babc',] - var name = ['图书馆', '文化馆', '博物馆'] - var data = [ - [137, 34, 135, 161, 74, 152, 110, 100, 150], - [174, 137, 135, 34, 152, 135, 140, 160, 100], - [134, 74, 137, 135, 161, 137, 300, 220, 250], - // [3.5, 15.2, 16.1, 17.4, 13.4, 6.1], - // [16.1, 13.5, 3.7, 17.4, 15.2, 18.9], - // [17.4, 6.1, 13.4, 15.2, 13.7, 5.2], - // [3.5, 15.2, 16.1, 17.4, 13.4, 6.1], - // [16.1, 13.5, 3.7, 17.4, 15.2, 18.9], - // [17.4, 6.1, 13.4, 15.2, 13.7, 5.2], - ] - - var series = []; - for (var i = 0; i < 6; i++) { - series.push({ - name: name[i], - type: "line", - symbolSize: 3,//标记的大小,可以设置成诸如 10 这样单一的数字,也可以用数组分开表示宽和高,例如 [20, 10] 表示标记宽为20,高为10[ default: 4 ] - symbol: 'circle',//标记的图形。ECharts 提供的标记类型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow' - smooth: true, //是否平滑曲线显示 - showSymbol: false, //是否显示 symbol, 如果 false 则只有在 tooltip hover 的时候显示 - areaStyle: { - normal: { - color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ - offset: 0, - color: color[i] - }, { - offset: 0.8, - color: 'rgba(255,255,255,0)' - }], false), - // shadowColor: 'rgba(255,255,255, 0.1)', - shadowBlur: 10, - opacity: 0.3, - } - }, - itemStyle: { - normal: { - color: color[i], - lineStyle: { - width: 1, - type: 'solid' //'dotted'虚线 'solid'实线 - }, - borderColor: color[i], //图形的描边颜色。支持的格式同 color - borderWidth: 8,//描边线宽。为 0 时无描边。[ default: 0 ] - barBorderRadius: 0, - label: { - show: false, - }, - opacity: 0.5, - } - }, - data: data[i], - - }) - } - option = { - // backgroundColor: "#141f56", - legend: { - top: 0, - itemGap: 15, - itemWidth: 15, - textStyle: { - color: '#fff', - fontSize: '14' - }, - data: name - }, - title: { - // text: "负面言论分领域趋势", - textStyle: { - color: '#fff', - fontSize: '22', - fontWeight: 'normal', - }, - subtextStyle: { - color: '#90979c', - fontSize: '16', - - }, - }, - tooltip: { - trigger: "axis", - axisPointer: { // 坐标轴指示器,坐标轴触发有效 - type: 'line', // 默认为直线,可选为:'line' | 'shadow' - lineStyle: { - color: '#57617B' - } - }, - formatter: '{b}
{a0}: {c0}
{a1}: {c1}
{a2}: {c2}', - backgroundColor: 'rgba(0,0,0,0.7)', // 背景 - padding: [8, 10], //内边距 - extraCssText: 'box-shadow: 0 0 3px rgba(255, 255, 255, 0.4);', //添加阴影 - }, - grid: { - borderWidth: 0, - top: 240, - bottom: 240, - textStyle: { - color: "#fff" - } - }, - xAxis: [{ - type: "category", - axisLine: { - show: false, - }, - splitLine: { - show: false, - }, - boundaryGap: false, //坐标轴两边留白策略,类目轴和非类目轴的设置和表现不一样 - axisTick: { - show: false - }, - splitArea: { - show: false - }, - axisLabel: { - inside: false, - textStyle: { - color: '#FFFFFF', - fontWeight: 'normal', - fontSize: '12', - }, - }, - data: xData, - }], - yAxis: { - type: 'value', - axisTick: { - show: false - }, - axisLine: { - show: false, - }, - splitLine: { - show: true, - lineStyle: { - color: '#32346c ', - } - }, - axisLabel: { - textStyle: { - color: '#0095FF', - fontWeight: 'normal', - fontSize: '12', - }, - formatter: '{value}', - }, - }, - series: series, - } - - setTimeout(()=>{ - var myChart = echarts.init(chartDom); - option && myChart.setOption(option); - }, 200) - }, ty_bar3() { var chartDom = document.getElementById("pcgchart2");