d3折线图不顺畅

时间:2016-03-31 17:56:35

标签: javascript d3.js charts

我正在构建一个在折线图,分组条形图和堆积条形图之间转换的图表函数。我遇到的问题是折线图上的线条看起来不平滑。我不是在谈论插值函数,我指的是实际的物理线,当它被绘制时,它看起来在点之间锯齿状。一旦线到达某一点,我就可以急转弯。它是我遇到的对角线问题。我在线的路径上使用了geometricPrecision。下面是我用来生成行的代码,代码下面是JSFiddle。我认为这与绘制多行有关,但我看不出会导致代码的原因。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.myexampleapp">

    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

    <uses-permission android:name="android.permission.WAKE_LOCK" />
    <uses-permission android:name="android.permission.VIBRATE" />

    <uses-permission android:name="com.android.alarm.permission.SET_ALARM"/>

    <application
        android:name=".MyApplication"
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name"
            android:theme="@style/AppTheme">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <receiver android:name="com.example.receiver.AlarmReceiver" />
        <service android:name="com.example.service.AlarmService" />
    </application>
</manifest>

JSFiddle

0 个答案:

没有答案