日期在Highchart的areachart中重叠

时间:2016-03-17 11:46:17

标签: javascript html css highcharts

我正在使用Highcharts区域图。 图表的类型是" datetime"。

只要

,X轴标签就可以很好地调整
  • 图表容器div的宽度小于900px
  • 或者没有为div
  • 指定宽度

当我设置div的容器宽度超过900px时,标签会附加点或重叠。

如何解决。提前感谢任何建议或帮助。

2 个答案:

答案 0 :(得分:0)

您可以将<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.truiton.placepicker"> <uses-permission android:name="com.google.android.providers.gsf.permission.READ_GSERVICES"/> <uses-permission android:name="android.permission.INTERNET"/> <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme"> <meta-data android:name="com.google.android.gms.version" android:value="@integer/google_play_services_version"/> <meta-data android:name="com.google.android.geo.API_KEY" android:value="AIzaSyBKsTtLyMBQH8mhvbknJ4MvZwACotmeYO0"/> <activity android:name=".PlacePickerActivity" android:label="@string/app_name"> <intent-filter> <action android:name="android.intent.action.MAIN"/> <category android:name="android.intent.category.LAUNCHER"/> </intent-filter> </activity> </application> </manifest> 选项添加到x轴。此选项确定各个刻度之间的距离。例如,将其设置为

tickInterval

类似于白天(毫秒),不会为您的图表生成重叠标签:

https://jsfiddle.net/doc_snyder/mwzd1rc8/1/

答案 1 :(得分:0)

如果您愿意在2行或更多行中显示标签并且不想要旋转标签,也可以使用下面由highcharts提供的新选项。

staggerLines: 2

https://jsfiddle.net/bhavinpatel/153eh40z/