|
|
@@ -150,7 +150,12 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="chart-container">
|
|
|
- <cwg-charts type="line" :chartData="equityChartData" :opts="equityChartOpts"/>
|
|
|
+ <cwg-match-media :max-width="991">
|
|
|
+ <cwg-charts type="line" :chartData="equityChartData" :opts="equityChartOpts" ontouch />
|
|
|
+ </cwg-match-media>
|
|
|
+ <cwg-match-media :min-width="991">
|
|
|
+ <cwg-charts type="line" :chartData="equityChartData" :opts="equityChartOpts" />
|
|
|
+ </cwg-match-media>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -283,19 +288,21 @@
|
|
|
const DailyIndex1 = ref<any>({})
|
|
|
|
|
|
const symbolSummaryData = ref<any>({ series: [] })
|
|
|
- const pieOpts = computed(()=>({
|
|
|
+
|
|
|
+ const pieOpts = computed(() => ({
|
|
|
color: ['#5470C6', '#91CC75', '#EE6666', '#FAC858', '#73C0DE', '#3BA272'],
|
|
|
padding: [5, 5, 5, 5],
|
|
|
enableScroll: true,
|
|
|
legend: {
|
|
|
show: true,
|
|
|
- position: 'left',
|
|
|
- },
|
|
|
- xAxis: {
|
|
|
- // disableGrid: true,
|
|
|
- scrollShow: true,
|
|
|
- itemCount: isMobile.value?3:4,
|
|
|
+ position: isMobile.value ? 'top' : 'left',
|
|
|
+ float: isMobile.value ? 'left' : 'center'
|
|
|
},
|
|
|
+ extra: {
|
|
|
+ pie: {
|
|
|
+ radius: isMobile.value ? 75 : 95
|
|
|
+ }
|
|
|
+ }
|
|
|
}))
|
|
|
|
|
|
const rankingChartData = ref<any>({ categories: [], series: [] })
|
